Permalänk
Hedersmedlem

Kolumner i CSS

Jag har äntligen fått tid att ta itu med att uppdatera min site igen under sommaren (något den behöver då det var något år sedan jag fixade saker sist i koden). Just nu jobbar jag hårt med att bygga om siten i CSS (inspirerad av http://www.alistapart.com/articles/slashdot/ där man gjorde om Slashdot i CSS).

Alla som jobbat lite mer avancerat med CSS vet att det inte exakt är det enklaste (särskilt som vajre browser tycks tolka många saker lite annorlunda) men nu börjar äntligen bli färdig.

Jag har dock ett litet problem:

jag har en tre kolumns design där vänster och höger kolumn har fast bredd och mittenkolumnen har variabel bredd utifrån upplösningen.

Vänstra och högra kolumnen är färgade. I tabell-versionen av siten blir höjden av alla tre kolumner lika hög, d v s med mkt text i mittenkolumnen så sträcks även den andra kolumnerna ut i höjdled.

Problemet med min CSS-version är att vänstra och högra kolumnen bara färgas så långt ner som det finns innehåll i dessa kolumner.

Här är en illustration av vad jag menar (ignorera färgerna, bara där för att se de olika kolumnerna): http://www.bjorn3d.com/css.php

Jag har lekt med olika attribut för respektive block men inte lyckats få kolumnen/blocken att expandera sig även om det finns lite text i dem.

Någon som kan ge mig ett tips?

Mvh
Björn

Visa signatur

-----------------------------------------------------
Ägare/grundare: www.bjorn3d.com

Permalänk
Medlem

Sätt Height:100% på kolumnerna och sen en höjd på main så funkar det

Permalänk
Citat:

Ursprungligen inskrivet av GurgelX
Sätt Height:100% på kolumnerna och sen en höjd på main så funkar det

det kommer det inte göra... i alla fall itne om man fortfarande vill ha dynamisk höjd på mitten.

fauxcolumns kan man googla på om man vill lösa problemet..

Permalänk
Medlem

Om du kan nöja dig med att ha en fast bredd på mittenkolumnen också fungerar faux columns-tricket - http://www.alistapart.com/articles/fauxcolumns/

Visa signatur

Mor åt gröt. Far åt helvete.

Permalänk
Hedersmedlem

Tack för tipsen. jag har lekt med just height men inte haft nån tur. Jag ska titta vidare på fauxcolumns för att se om jag kan hitta en lösning för dynamiska bredder också.

/B

Visa signatur

-----------------------------------------------------
Ägare/grundare: www.bjorn3d.com