2 verticale lijsten naast elkaar

[Verwijderd]

Mijn css quest gaat verder.

Ik wil vanuit de database een lijst categorieën in 2 kolommen verdelen.
nu kan dat wel door:

code:

ul
{
float:left;
}

maar de onderliggende div, de container, schaalt dan de inhoud van de float niet mee...

Mijn vraag is dus: hoe kan ik het volgende naas elkaar positioneren ZONDER een float te gebruiken of hoogtes/breedtes/margins/tops etc te gebruiken.

code:

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>

<ul>
<li>item 5</li>
<li>item 6</li>
<li>item 7</li>
</ul>

[SchizoDuckie]

zet er een <div> omheen, daar zijn ze voor

edit:
en dan display: inline; waarschijnlijk

[ Voor 45% gewijzigd door SchizoDuckie op 09-08-2005 19:16 ]

[frickY]

Ik snap niet wat je bedoeld met een niet schalende 'container', maar nest alles eens in een DIVje.

[ Voor 93% gewijzigd door frickY op 09-08-2005 19:22 ]

[Verwijderd]

Dit schijnt misschien wat licht op de zaak.

http://www.dafclub.nl/test.php

Zoals je ziet heb ik de background van de container rood gemaakt.
Maar die schaalt dus niet mee naar beneden met de lengte van de lijsten...

[Verwijderd]

komt ie weer:

http://annevankesteren.nl/2005/03/clearing-floats

[Verwijderd]

Mja, simpele oplossing :-) thanx.

Ik moet wel toegeven dat css super relaxed is maar dat het voor grid-opmaak nog te buggy is cross-browser. Het neemt veel meer testwerktijd in beslag dan een simpel tabelletje gebruiken.
Sites als google/ebay/marktplaats gebruiken ook allemaal tabellen om de boel op te maken, hierom?

Het feit dat er 1000 sites bestaan die op een andere manier beschrijven hoe een 3 kolom lay-out gerealiseerd kan worden zegt al voldoende denk ik.

Anyway, het is wel een uitdaging om de boel onder de knie ter krijgen en het er crossbrowser goed uit te laten zien.

annevankesteren.nl en rikkertkoppes.com staan dan ook in mijn bookmarks.