Hur få en div att justera höjd efter en flytande div?

Tråden skapades och har fått 3 svar. Det senaste inlägget skrevs .
1

Håller på att designa om en osCommerce-shop, stötte dock på ett problem.
Har en två spalters sida och dessa två spalter flyter inuti en div.
Alltså, det ser ut ungefär såhär:

<div id="wrapper">
<div id="marginleft">
<div id="marginright">

</div>
</div>
</div>

CSS

#wrapper {
position: relative;
width: 800px;
height: auto;
min-height: 600px;
margin: auto;
}

#marginleft {
position: relative;
float: left;
width: 200px;
height: auto;
}

#marginright {
position: relative;
float: left;
width: 580px;
height: auto;
}

Det jag vill är att "wrapper" ska ställa sin höjd efter "marginleft" och "marginright" beroende på vilken av dom som är högst.
Är detta möjligt eller kommer "wrapper" att vägra ta någon skit av "marginleft" och "marginright" när dessa flyter?

Senast redigerat 2007-05-30 19:15

Är du säker på att du inte menar så här:

<div id="wrapper">
<div id="marginleft">
Vänstra kolumnen.
</div>
<div id="marginright">
Högra kolumnen.
</div>
</div>

Lägg till

<div style="clear: both; line-height: 1px; font-size: 1px;"> </div>

innan sista </div> så ska det lösa sig.

Ursprungligen av irrelogical:

Är du säker på att du inte menar så här:

<div id="wrapper">
<div id="marginleft">
Vänstra kolumnen.
</div>
<div id="marginright">
Högra kolumnen.
</div>
</div>

Lägg till

<div style="clear: both; line-height: 1px; font-size: 1px;"> </div>

innan sista </div> så ska det lösa sig.

Naturligtvis var det så jag menade. Bra att du såg det, för mig krävdes en tupplur.
Tack, ska testa detta.

Yes box, det fungerade alldeles utmärkt. Tack igen!

1
Bevaka tråden