DIV's naast elkaar

Door Ruben Portier op 21-05-2009 14:21

245 views

Beste
Ik ben bezig met het begin van een webdesign.
Een voorbeeld van de site: http://ruben-center.freehostia.com/new/
Nu wil ik dus 3 div's naast elkaar. De middelste moet 100% zijn.

Voorbeeld:

|LOGO width: 237 px|HEADER_BG width: 100%|HEADER_RIGHT width: 153 px|

Jesper Diovo

21-05-2009 14:24

Geef 'logo' float: left en een breedte. Geef 'header_bg' helemaal niets. Geef 'header_right' een float: right en een breedte. Als het goed is is het opgelost.

Ruben Portier

21-05-2009 14:27

Bedankt, alleen nog 1 foutje.
De rechtse header wil niet. Moet ik dan de HEADER_BG de width en de heigt weg doen of wat? En geen float? Want die rechtse staat rechts maar onder die HEADER_BG

Jesper Diovo

21-05-2009 14:27

'header_bg' mag geen float hebben en geen breedte. Hoogte maakt niet zoveel uit.

Ruben Portier

21-05-2009 14:28

Oke, ik heb aangepast. Maar het blijft niet werken.

Jesper Diovo

21-05-2009 14:29

Dan moet de volgorde anders:


<div class="header_logo"></div>
<div class="header_right"></div>
<div class="header_bg"></div>

Ruben Portier

21-05-2009 14:29

Ow, bedankt!
Nu werkt het.
Ik had die right als laatste.

Maar ik zie toch nog witte randen rond de afbeeldingen.
Hoe kan ik volledig scherm?

Jesper Diovo

21-05-2009 14:30

Ja klopt. Is ook de meest logische volgorde, alleen in dit geval niet ;-).

Reageren

Inloggen om te reageren