9 svar · 805 visningar · startad av jme
Hej!
Jag vill skapa en 3-kolumns layout:
Där left, center och right ska kunna ha separata bakgrundsfärger.
Jag vill att, alla tre vertikala kolumner skall vara lika långa, oavsett deras innehåll.
Sedan så ska jag ha en header och en footer i layouten.
Har letat efter liknande mallar men hittar bara fulhack.
Finns det någon som råkar ha en liknande mall att ge? :)
Jo, har hittat dem men det flesta verkar ha en massa bök samt små buggar och fulhack. Jag vill ha en ren och simpel lösning. Går det inte?
Titta på denna länken, längst ner: http://css.maxdesign.com.au/floatutorial/
Där beskriver han hur man bygger upp en 3 kolumners layout.
Det såg först lovande ut men när jag försökte färglägga kolumnerna skillt så blev det inte bra. Bara området omkring texten färglades, inte hela kolumnen. Kanske behövs det bara ett litet hack för att åstadkomma detta, eller? :)
Jo, du måste sätta background-image på #container.
Hmm, det kanske är en bra idé. Jag skulle kunna skapa en tunn bild på ca 800 pixlar som består av tre delar i olika färger. Sedan så gäller det bara att skapa div:ar som är passande breda. Fast då måste jag ha en fixerad bredd på sidan.
Men om jag ändå vill kunna ha dynamisk bredd på sidan, huir göra då?
Här beskrivs hur man skapar flytande 3-kolumners layouter: (med bakgrundsbild)
http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58
Tack för alla svar!
Jag gjorde helt enkelt så att jag skapade en 900px * 20px bild som jag delade in i tre områden, vilka jag sedan färgsatte. Sedan la jag ut bilden i en div med:
background-image: url(bakgrund.jpg);
background-repeat: repeat-y;
Jag använde sedan en gammal mall som redan är i drift, vilken jag modifierade lite.
Jag markerar mitt eget svar som slutgiltigt svar. Hoppas ingen tar illa upp :r
