[CSS] 100% breed mixen met statische breedte

[Verwijderd]

Stel je wilt 3 kaders naast elkaar plaatsen in een HTML document, en je wilt de 3 kaders samen 100% van de pagina breed laten zijn. Ieder kader is een DIV (dus geen tables), en er moet tussen de kaders een ruimte van 1px staan. De kaders heten A, B en C. Kader A en kader C hebben allebei een statische breedte van ongeveer 200 px. Kader B moet dus de resterende ruimte opvullen.

De code waarvan ik verwachtte mijn idee te realiseren, is de volgende:

code:

<div id="moeder">
 <div id="kindA"></div>
 <div id="kindB"></div>
 <div id="kindC"></div>
</div>

En het stukje CSS:

code:

#moeder {
    width: 100%;
}

#moeder div {
    float: left;
    margin-left: 1px;
}

#moeder #kindC {
    float: right;
}

Maar het resultaat van deze code is niet wat ik bedoelde (niet in IE en niet in FF). Wie weet een oplossing voor dit probleem? Om het te verduidelijken heb ik de code ook nog iets uitgebreider online gezet op:

http://www.inetix.nl/test.html

[Taro]

Bedoel je zoiets? http://glish.com/css/7.asp Die ene pixel ertussen kan door de margin-left/right met 1 te vermeerderen. De ruimte links en rechts weghalen door de left en right op 0 te zetten.

[ Voor 63% gewijzigd door Taro op 17-06-2005 22:59 ]

[Verwijderd]

mogelijk, maar hierbij maak je gebruik van absoluut positioneren.. En dat is weer niet echt handig lijkt me.

[Boelie-Boelie]

Hier staat volgens mij uitgelegd hoe je het zou kunnen doen, met floats: www.maxdesign.com.au/presentation/liquid/

[ Voor 6% gewijzigd door Boelie-Boelie op 17-06-2005 23:34 ]