[CSS] Float probleem

[Piels]

Ik ben een leden administratie aan het maken voor de plaatselijke voetbalvereniging, maar nu zit ik met het volgende probleem.

Ik wil graag op een pagina persoongegevens laten zien en wil dat doen met 2 kolommen.

Daarvoor gebruik ik de volgende CSS

Cascading Stylesheet:

.columnsContainer
{
    display: inline;
}

.columnLeft
{
    width: 25%;
    float: left;
}

.columnRight
{
    width: 75%;
    float: right;
}

Maar nu ik de pagina open, krijg ik het volgende te zien:



De h2 valt nog netjes in het witte, maar de kolommen die vallen in het grijze. Terwijl deze gweoon in het witte zouden moeten vallen netjes naast elkaar on "Persoonlijke gegevens".

Op het moment dat ik de floats weg haal, komt alles onder elkaar te staan en staat alles ook netjes in het witte vak.

Kan iemand mij hierbij helpen?

[TeeDee]

Je zou op de parent ook een float kunnen zetten. Tevens kan je even kijken naar clear. Voor de volledigheid zou het lekker zijn als je een gestripte html versie incl. een gestripte stylesheet ergens plaatst.

Verwijderd schreef op vrijdag 04 april 2008 @ 16:20:
CSS Float Theory: Things You Should Know

Zat al te zoeken naar die link. Je was me voor

[ Voor 41% gewijzigd door TeeDee op 04-04-2008 16:21 ]

[Verwijderd]

Deze vraag komt 2x per dag voorbij dus hier het standaard antwoord:


CSS Float Theory: Things You Should Know