topplacering av kolumn

4 svar · 322 visningar · startad av reka1 25 okt. 2006

reka1Medlem sedan sep. 2001650 inlägg

Trådstart25 okt. 2006 11:41#1

Hej!
Jag önskar att kolumn2 placeras i jämnhöjd med kolumn3 (se bild). Jag har mixtrat lite hit & dit men tålamodet tryter.

#kolumncontainer { background: #cccccc; width: 1200px; float: left;}

#kolumn1 {float: left; width: 650px;  background: #cccccc;}
#kolumn2 {float: left; width: 280px; padding: 0px; background: #ffffff; border-left: SOLID 15px #cccccc}
#kolumn3 {float: left; width: 650px; background: #ffffff;  border-bottom: SOLID 15px #cccccc}

Kolumnerna finns i kolumncontainern.

headbugMedlem sedan sep. 2006867 inlägg

25 okt. 2006 12:14#2

Antar att du inte vill använda tabeller. För att få den önskade effekten måste du ordna din sida i en vänster-div med kol3 och kol1 och en smalare höger-div med kol2.

reka1Medlem sedan sep. 2001650 inlägg

25 okt. 2006 12:40#3

Ok, just det. Det låter vettigt :-) Ska testa det nu. Njä, vill helst inte använda tabeller (även att jag är en mästare i det ;-)) då alla talar för att använda css ist. för tabeller.
Även om jag tycker att en css-lösning i mitt fall ser större ut än vad en tabell skulle ha gjort.

Edit: Ditt förslag ordnade problemet, tack!

headbugMedlem sedan sep. 2006867 inlägg

25 okt. 2006 13:19#4

Härligt!

KallibanMedlem sedan feb. 200465 inlägg

26 okt. 2006 19:45#5

eller varför inte sätta clear: left; på kolumn3 ? (alltså kolumnen nere till vänster.)