--- title: "2 kolumner som inte vill ligga still .." type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/177242-2-kolumner-som-inte-vill-ligga-still" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "rakatoner" published: "2009-03-02T10:40:36.000Z" updated: "2009-03-02T18:24:29.000Z" replies: 5 views: 491 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/177242-2-kolumner-som-inte-vill-ligga-still" --- # 2 kolumner som inte vill ligga still .. ## #1 — rakatoner, 2009-03-02T10:40Z Jag har nu kodat en väldans enkel css .. o min tanke vara att skapa divar - boxar som jag sen skulle kunna fylla med bilder text tabeller.. men närjag skriver i min mitten box #contents som ska vara textdelen så flyttar diven som är en sid o kolumn ner... #contents2 vilket sabbar hela iden.. dom ska ju ligga paralllet... Någon som vet varför eller tänker jag helt fel ? /sara style.css ``` body { margin: 0; padding: 0; font: 85% arial, hevetica, sans-serif; text-align: center; color: #505367; background-image: url(bilder/bakgrund3.gif); } #container { margin:10px 150px 50px 150px; width: 700px; height: 900px; text-align: left; background-color: #F5DEB3; border: 15px solid #8B4513; } #header { height: 75px; background-color: #8B4513; } #mainnav { height: 45px; background-color: green; } #contents { float: left; margin: 10px 20px 20px 20px; height: 450px; width: 440px; background-color: aqua; } #contents2 { float: left; margin-left: 440px; height: 450px; width: 225px; background-color: red; } #footer { margin: 10px 10px 10px 10px; clear: both; height: 20px; background-color: lime; width: 680px; } } ``` **html koden** ``` Blommor
dsdsdd
dsdsdd
``` Permalänk: https://www.webforum.nu/p/177242 ## #2 — voigtann1, 2009-03-02T10:58Z jag hade flotat din navbar och satt en width på den, och på din contents så sätter du bara margin-left samma som din width på din navbar (+ padding och margin om du vill få lite luft). Permalänk: https://www.webforum.nu/p/2173826 ## #3 — tanten, 2009-03-02T11:15Z ```
dsdsdd
med tabellen
``` Men då får man räkna om... så på ett ung. ``` #contents { float: left; margin: 10px 20px 20px 20px; height: 450px; width: 410px; background-color: aqua; } #contents2 { margin-top: 10px; float: left; height: 450px; width:225px; background-color: red; } ``` Permalänk: https://www.webforum.nu/p/2173830 ## #4 — rakatoner, 2009-03-02T17:18Z Tack Tanten !! nu funkar det o dom ligger snällt still men varför kan man ju undra - tror om jag räknar rätt att jag glömt räkna in margin i total summan för kolumnerna ! voigtann1 - gjort det oxå men det var en senare sak...där ska ligga en topp bild o det ska in lite navigeringsknapper... tack ! /sara Permalänk: https://www.webforum.nu/p/2173871 ## #5 — tanten, 2009-03-02T17:38Z Du hade contents2 inne i den andra med margin-left, när du då börjar skriva i den som ligger runt bägge så kommer den inre att flyttas neråt. Enklast är då att ha dem bredvid varandra om man vill göra det du ville. Permalänk: https://www.webforum.nu/p/2173876 ## #6 — voigtann1, 2009-03-02T18:24Z spelar ingen roll med header eller footer, så länge dom inte floatar (vilket din css inte har) så det är inga problem. Permalänk: https://www.webforum.nu/p/2173882 --- Tråden på webben: https://www.webforum.nu/amne/html-css/177242-2-kolumner-som-inte-vill-ligga-still