--- title: "Tre kolumner" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/132473-tre-kolumner" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "stateless" published: "2005-08-09T11:59:14.000Z" updated: "2005-08-09T21:30:40.000Z" replies: 4 views: 428 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/132473-tre-kolumner" --- # Tre kolumner ## #1 — stateless, 2005-08-09T11:59Z Sidan Cssdesign har lagt upp ett jättebra tips för två kolumner centrerat i css. Men saken är den att jag skulle vilja ha samma modell fast med tre kolumner. Är en total nybörjare vad gäller css men har kollat runt på nätet efter bra information men när jag försöker lägga till en till kolumn så hamnar alla tre efter varandra. Förstår att det borde ha med antingen clear eller left/right att göra men får inte riktigt till det. Någon som kan fylla i den id som fattas? ``` * { /* nollställer alla marginaler och padding */ margin:0; padding:0; } body { text-align: center; /* Centrera MSIE (steg 1/3)*/ font-size: normal; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; color: #000; background: #666; } #wrap { margin:10px auto; /* Centrera #wrap (2/3) */ background: #fff url(faux.gif) repeat-y 0 0; width: 750px; text-align: left; /* Vänsterställer innehåll (3/3) */ } #header { height:100px; background:#999; color:#fff; } #left { width: 500px; float: left; display: inline; } #right { width: 250px; float: right; display: inline; } #footer { margin-top:10px; } ``` Permalänk: https://www.webforum.nu/p/132473 ## #2 — Insider, 2005-08-09T12:17Z Kolla in det här exemplet: Permalänk: https://www.webforum.nu/p/1655031 ## #3 — stateless, 2005-08-09T16:14Z Box Skillnaden mellan exemplet jag gav och det som ges under länken är ju att man anger en box eller wrap med fast bredd som de tre kolumnerna ska ligga inom. Exemplet verkar ange enbart tre kolumner. Har jag fel? Permalänk: https://www.webforum.nu/p/1655173 ## #4 — Insider, 2005-08-09T17:41Z Du har rätt. Här är ett exempel med en yttre container. ``` test
  • asdas
  • asdasd
  • asdasd
  • asdads

blabla

Innehåll

``` Som du märker kan man inte påverka höjden på flytande element så bra. För att ge känslan av tre kolumner måste du trixa med en bakgrundsbild i din #container. Ex: Permalänk: https://www.webforum.nu/p/1655201 ## #5 — stateless, 2005-08-09T21:30Z Tack! Tack för hjälpen. Det var precis vad jag var ute efter och nu upptäckte jag varför jag inte fick ordning på den. Jätteschysst. Permalänk: https://www.webforum.nu/p/1655316 --- Tråden på webben: https://www.webforum.nu/amne/html-css/132473-tre-kolumner