relativ höjd på en div

2 svar · 362 visningar · startad av annaica 31 maj 2007

annaicaMedlem sedan maj 200753 inlägg

Frågan31 maj 2007 07:32#1

Jag har en sida som man väl kan säga består av 3 divar, en till höger, en i mitten och en till vänster.

Diven i mitten, där allt innehåll finns, ändras i storlek beroende på hur mycket innehåll som läggs i den. diven till höger har en fast höjd och likaså diven till vänster.

Min fråga är nu, hur gör jag på smidigaste sätt så att divarna till höger och vänster blir lika höga som den i mitten?

Danne VMedlem sedan aug. 20068 090 inlägg

31 maj 2007 07:54#2

Roger Johansson har en bra tutorial här:
http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/

EDIT: Fel av mig: som vanligt funkar den inte i IE (heja Microsoft!!!) :l
Ska det funka cross browser så blir det med hjälp av javascript:
http://www.projectseven.com/tutorials/css/pvii_columns/ (Jag använder Dreamweaver och deras extension. Funkar kanon).
Eller så här:
http://www.positioniseverything.net/articles/onetruelayout/equalheight

Men du kanske kan hitta andra alternativ om du söker på t.ex. "equal height css div"

annaicaMedlem sedan maj 200753 inlägg

31 maj 2007 09:04#3

Ska testa detta, tack :)