[HTML/CSS] Achtergrond doorlaten lopen bij 'float'

[TMC]

Redelijk simpel probleem, heb alleen geen idee hoe ik het moet verhelpen. Ik wil gewoon twee divjes naast elkaar die samen in een container div welke een achtergrond heeft. De divjes in die container moeten ook fysiek in de container div blijven, zodat ze beide hun achtergrond behouden.

Hieronder de code, heb de divjes maar even een id gegeven, praat wat makkelijker.

code:

<div style="background-color: #cccccc; width: 750px; position: relative;">
    <div id="div1" style="float: left; width: 100px;">Hoi1<br>Hoi1<br></div>
    <div id="div2" style="left: 110px;">Hoi2</div>
</div>

Ik wil graag de achtergrond van de container div gewoon laten doorlopen als de hoogte van div1 of div2 verandert, zodat div1,2 in een - in dit geval - grijs vak komt te staan. Dit gebeurt alleen bij div2, bij div1 niet.

Hoe moet ik er nou voor zorgen dat de container div groter wordt als div1 dat ook wordt?

[ Voor 9% gewijzigd door TMC op 19-04-2005 21:23 ]

[JHS]

Je float clearen? (voorbeeld)

Cascading Stylesheet:

div#container {
  overflow: auto;
}

[ Voor 25% gewijzigd door JHS op 19-04-2005 21:31 ]

[TMC]

Soms kan het leven zo simpel zijn . Werkt perfect, bedankt.

[JHS]

Oh, ik schijn de _height: 1%; niet te kunnen onthouden, die zal je dus ook even moeten toevoegen:

Cascading Stylesheet:

div#container {
  _height: 1%;
  overflow: auto;

.

[TMC]

Oh, die _height: 1%; had toch geen zichtbaar effect

[Rowanov]

TMC schreef op dinsdag 19 april 2005 @ 21:39:
Oh, die _height: 1%; had toch geen zichtbaar effect

Zou het toch toevoegen, is de kans groter dat het in meerdere browsers toonbaar is.

[TMC]

Heb ik ook gedaan .

[faabman]

Zoek anders even op "faux columns" in de search van GoT of Google

het artikel waar je naar op zoek bent

[ Voor 6% gewijzigd door faabman op 19-04-2005 22:05 ]

[MTWZZ]

Een andere variant is Skidoo.
Die werkt met borders als achtergrond.