CSS float probleem, 3 kolommen naast elkaar?

**Richard W** · 20-05-2009, 17:19

Hoi,

Ik ben een website aan het herconstrueren en ik wil hem graag op de manier zoals het hoort inelkaar draaien. Dit uiteraard voor de searchengines.

Het probleem is naar mijn idee wel iets dat bekend is en het is niet de eerste keer dat ik er tegen aan ben gelopen. Ik kan dit met een table wel voorelkaar krijgen, maar dat waarderen de searchengines niet.

Het probleem is te zien op http://www[punt]condoom24[punt]nl/richardw en er zit ook een schermafdruk bij deze post.

Er wordt gebruik gemaakt van float: left; en float: right;

De grote foto heeft een float: left; gekregen en de artikelenlijst een float: right; er is in CSS geen float; center en dat is waar ik denk dat meerdere webmasters dit wel eens hebben meegemaakt.

Ik hoop met jullie hulp voor eens en altijd deze horde te kunnen nemen, want dan kan ik er gebruik van blijven maken! :)

**gast2676** · 20-05-2009, 17:21

Je kan per kolom een div maken;

Code:

#col-left {float:left; width:330px;}
#col-mid {float:left; width:330px;}
#col-right {float:left; width:330px;}

De rede dat je col-right ook op left zet is omdat je deze links wil laten floaten ten opzichte van col-mid.

**Richard W** · 20-05-2009, 18:41

Oh, dat was eigenlijk wel een simpele oplossing. Dankjewel Jeroen!

Ik ben nu een stapje verder, in iedergeval weer iets belangrijks geleerd, maar nu heb ik de site dus zo inelkaar gezet dat er ook echt 3 kolommen zijn van boven naar beneden tot aan de footer.

Nu is de tekst bij Tip v/d dag in #col-left gestopt en dat levert het volgende op, wat te zien is in een schermafdruk untitled-2 en op http://www[punt]condoom24[punt]nl/richardw

Dit is natuurlijk een ontwerpfout van mij, maar als ik dan terug ga naar een 2 koloms oplossing, dan zijn de 3 gekleurde foto's ook nog niet direct rechts van de grote foto door mij te plaatsen.

Wat is de beste stap om te ondernemen? Want wat ik meemaak met middels CSS plaatjes naastelkaar zetten, terwijl er geen tabelletje voor handen is, dat deze dan altijd onderaan het linker plaatje verder gaat. Met image align opties is dat wel weer te verhelpen, maar die optie zit niet in CSS, alleen text-align.

Wat zie ik over het hoofd?

CSS float probleem, 3 kolommen naast elkaar?