3 kolommen?

Door Roeltje M op 22-10-2008 11:36

318 views

Hallo mensen,

Ik probeer een content te maken met 3 kolommen.. Nu lukt dit nog niet helemaal. Dit is wat ik heb: linkje.

CSS:

#kolomlinks {
	background:#9933CC;
	width:200px;
	height:100%;
	float:left;
	margin-left:15px;
	}

#kolommidden {
	background:#000066;
	width:520px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	}

#kolomrechts {
	float:right;
	background:#006633;
	width:200px;
	height:100%;
	margin-right:15px;
	}

.

IN IE doet hij het goed, in FF niet.

Tamara

22-10-2008 13:41

de clear:both doet het niet omdat je de kolommen een breedte hebt meegegeven.

Mitchell

22-10-2008 13:47

Plaats er een container omheen met width: 100%; en overflow: hidden. Clear: both is verleden tijd.

Erik Rijk

22-10-2008 13:50

:o

overflow is verleden tijd lijkt me beter ;)

Tamara

22-10-2008 13:57

Mitchell schreef op 22.10.2008 13:47
Plaats er een container omheen met width: 100%; en overflow: hidden. Clear: both is verleden tijd.

in welk jaar leef je Mitchell?

Mitchell

22-10-2008 14:03

Tamara schreef op 22.10.2008 13:57
[quote='Mitchell schreef op 22.10.2008 13:47']Plaats er een container omheen met width: 100%; en overflow: hidden. Clear: both is verleden tijd.

in welk jaar leef je Mitchell?[/quote]Ik neem aan 2008, of kom ik uit de toekomst? =o

Jan Koehoorn

22-10-2008 15:34

Het klopt inderdaad dat je in bijna alle gevallen niet meer met clearer divs hoeft te werken. De methode met overflow: hidden; en een width (in pixels of procenten) werkt prima.

Voor een drie kolommen lay-out, check dit voorbeeld

Reageren

Inloggen om te reageren