[CSS] Meerekken met mede-child in de parent.

[Depress]

Hallo,

Ik ben bezig met een layout om te zetten naar div's.
Het lukt perfect tot ik dat ik een parent div maak, met 3 sub divs erin. Nu gaat 1 div groter worden dan de andere 2. Dus die andere moeten mee rekken, maar dit gebeurd niet.

Ik heb al vanalles geprobeerd door alles een absolute positie te geven maar dit wil ook niet(Logisch eigenlijk). Ik kom er niet meer uit.

Ik heb de volgende HTML:

HTML:

        <div id="contentcontainer">
            <div id="content">
                        </div>
            <div id="rightBar">
                IETS
            </div>
            <div id="rightSpacer2">
            
            </div>
        </div>

en de volgende CSS:

Cascading Stylesheet:

#contentcontainer
{
    width: 780px;
}
#content
{
    float: left;
    width: 567px;
        height: 100%; 
    background-color: #c9c9c9;
}
#rightBar
{
    float: left;
    width: 200px;
        height: 100%; 
    background-color: #d7d7d7;
}
#rightSpacer2
{
    float: left;
    width: 13px;
        height: 100%; 
    background-color: #c9c9c9;
}

Wie kan mij in de juiste richting helpen om deze divs de zelfde hoogte te geven?

[TeeDee]

Als het alleen egale background colors zijn: faux columns.

[Depress]

Nee das het probleem. Het is niet een egale achtergrond kleur.

Zoals je hier kunt zien:
http://www.vcwebhosting.nl/ (Geen reclame intended)(Ik kijk in safari)

Het is dus de bedeoling dat links inhoud komt, dan een balk mee rekt waar nog wat instaat. en dan nog een spacer om de laatste 13px opvult.

Ik heb al geprobeerd om de 2e kolom er met z index overheen te zetten maar dit lukt ook niet omdat hij dan ook niet mee rekt.

[TeeDee]

Heb je al gekeken wat faux columns is?
Met egaal bedoel ik: die afbeelding is éénmalig?
Als in:

code:

|=========|-------|.|

Je kan je achtergrond ook zo construeren....

Edit:
Vast als antwoord op je volgende vraag:
Je moet de afbeelding op je body zetten, niet je #contentcontainer.

[ Voor 25% gewijzigd door TeeDee op 27-05-2008 16:40 ]

[Verwijderd]

http://www.xs4all.nl/~peterned/examples/csslayout1.html

Dit lost je probleem op.