Vraag over float

[killer4all2]

Hoi,

Ik heb een probleempje, beetje stom misschien maar oké. Ik heb het probleem dat als ik de sidebar links laat floaten en content rechts (firefox&chrome) dat de sidebar & content niet meer als een zogenaamd `solid` object worden gezien, waardoor zij boven de footer gaan floaten en over alles heen gaan.

Wat ik dus graag zou willen is dat mijn sidebar naar links float en mijn content rechts. Even het idee in een plaatje, zodat jullie een beetje een idee krijgen van wat ik bedoel.

Zoals jullie hier zien heb je een main frame waarin zich de sidebar & content bevindt. Mijn idee hiervan is dat de sidebar links moet floaten en conten rechts. Nu zou ik graag willen weten hoe dit het beste te berijken is. Zouden jullie misschien ook de `css` erbij willen zetten en ook wat ik bij `html`, `body` & `wrapper` moet neerzetten.

Ik ben momenteel dit zo goed mogenlijk onder de knie aan het krijgen, alvast bedankt!

Groetjes,
Rowan

Als iemand mij kan helpen via msn, wat makkelijker praten zou dit ook fijn zijn.
rowanj4life[at]hotmail.com

Het plaatje;

 

[That Guy]

dit is het idee:

<div id='wrapper'>
   <div id='sidebar'>
      sidebar ding
   </div>

   <div id='content'>
      content goes here
   </div>
</div>

/* css */

div#wrapper
{
   border: 1px dotted #06f;
   overflow: hidden;
}


div#sidebar
{
   float: left;
   border: 1px dotted #6f0;
   width: 300px;
}

div#content
{
   float: right;
   border: 1px dotted #f06;
   width: 100%;
   marin-left: 302px;
   margin-right: -304px;
}

waarbij de waardes in de div#content (margin) zo moeten zijn, dat ze de width van de sidebar-div zijn. De overflow: hidden van de wrapper div zorgt ervoor dat deze de hoogte aanneemt van de 2 childs, ookal floaten ze.


:thumb:

 

[killer4all2]

dankje !