[CSS] Probleempje met drie div's naast elkaar

[Verwijderd]

Hoi,

Ik heb een probleempje als ik drie divjes naast elkaar wil plaatsen. Dit is mijn code ongeveer:

index.html:

<div>
<div id="een"> </div>
<div id="twee"> </div>
<div id="drie"> </div>
</div>

stylesheet.css:

#een {
width: 220px;
float: left;
background-color: #9ccdd7;
}
#twee {
width: 460px;
float: left;
background-color: #c4e4ea;
}
#drie {
width: 220px;
float: left;
background-color: #9ccdd7;
}

Nu komen de divjes wel gewoon naast elkaar te staan, maar als ik de pagina verklein niet. Als ze niet meer in het venster passen zet hij ze gewoon weer onder elkaar. Hopelijk kunnen jullie mij helpen Alvast bedankt.

[TeeDee]

Een container div (je eerste zonder id bijvoorbeeld) een vaste breedte geven?
Maar een testcase ergens online zetten is misschien wat duidelijker.

[Verwijderd]

Bedankt voor je snelle reactie. Het werkt nu, kan mezelf wel voor mijn kop slaan

[Zoefff]

De container inderdaad een breedte meegeven van minimaal 900px. Overigens hoef je div#drie niet meer te floaten, tenzij je van plan bent om er later nog meer toe te voegen

[Padschild]

Zoefff schreef op maandag 27 augustus 2007 @ 11:34:
De container inderdaad een breedte meegeven van minimaal 900px. Overigens hoef je div#drie niet meer te floaten, tenzij je van plan bent om er later nog meer toe te voegen

Ben ik niet mee eens. In IE6 zal een rare bug optreden, als je de container precies even breed maakt als de breedtes van de 3 divs bij elkaar. Dit komt omdat IE6 (en mss ook IE7, weet niet) standaard een margin van 3 pixels neerzet tussen floatende en niet-floatende objecten.

Gevolg is dat je een negatieve margin van 3 pixels voor IE zult moeten gebruiken.

[Zoefff]

In je IEfix wellicht. Maar ik vind het incorrect om fixes mee te nemen in je normale stylesheet. Natuurlijk is het wel slim om daar tijdens het ontwikkelen al rekening mee te houden, maar een volledig blok floatend maken omdat IE het anders niet begrijpt vind ik wat veel van het goede.

[disjfa]

Als je die floats weghaalt dan komen de alle drie onder elkaar te staan. In welke browser dan ook.

[XWB]

Wat niet meer dan logisch is voor een block element

en mss ook IE7, weet niet

In IE7 is dat gefixt.

[Padschild]

disjfa schreef op maandag 27 augustus 2007 @ 14:51:
Als je die floats weghaalt dan komen de alle drie onder elkaar te staan. In welke browser dan ook.

Het gaat hierbij om de laatste div, die je geen float meegeeft.

[hing]

Padschild schreef op maandag 27 augustus 2007 @ 15:01:
[...]


Het gaat hierbij om de laatste div, die je geen float meegeeft.

heb ik net even snel getest, maar dan komt div "drie" zowel in IE als in FF op de volgende regel te staan...?

[ Voor 3% gewijzigd door hing op 27-08-2007 16:12 ]

[Zoefff]

disjfa schreef op maandag 27 augustus 2007 @ 14:51:
Als je die floats weghaalt dan komen de alle drie onder elkaar te staan. In welke browser dan ook.

Dat zeg ik toch ook niet? Alleen de laatste