--- title: "3 st kolumner med css" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/157582-3-st-kolumner-med-css" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "eddy1" published: "2007-02-26T16:48:57.000Z" updated: "2007-02-27T22:35:51.000Z" replies: 12 views: 768 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/157582-3-st-kolumner-med-css" --- # 3 st kolumner med css ## #1 — eddy1, 2007-02-26T16:48Z Hej jag vill ha tre kolumner och den i mitten ska ha fast mått medans högra och vänstra kolumnen får dela på övrigt utrymme.. har fått det att fungera som det ska i firefox men inte i IE.. Så här ser koden ut: ``` body { display: table; width: 100%; height: 100%; margin: 0; position: relative; border-collapse: collapse; background-color: #E7E7E7; } .leftbox { display: table-cell; position: relative; float: left; width: auto; } .rightbox { display: table-cell; position: relative; float: right; width: auto; } .middlebox { display: table-cell; width: 800px; background-color: White; border-right : 1px solid Black; border-left: 1px solid Black; } ``` Permalänk: https://www.webforum.nu/p/157582 ## #2 — caya, 2007-02-26T19:06Z ta bort position:relative Permalänk: https://www.webforum.nu/p/1940769 ## #3 — eddy1, 2007-02-26T19:47Z Jag provade det men det fungerade inte... Firefox blir kanon men i IE är det inte ens i närheten. Höjden stämmer inte och inte bredden, inte heller placeringen... Tacksam för alla förslag? Mvh Permalänk: https://www.webforum.nu/p/1940779 ## #4 — caya, 2007-02-26T19:52Z får jag se mer kod än sådär? har du något som bryter av floats efter de båda flytande divarna? du har inte övervägt en omslutande div som har ungefär samma egenskap som body har nu, som sas håller samman de tre? Permalänk: https://www.webforum.nu/p/1940782 ## #5 — zcorpan, 2007-02-26T19:54Z IE saknar stöd för display:table. Med detta fungerar det väl lite halvt i IE. Sidokolumnerna blir så smala som deras innehåll och mittenkolumnen blir därför inte centrerad. ``` body { display: table; width: 100%; margin: 0; position: relative; border-collapse: collapse; background-color: #E7E7E7; } .leftbox { display: table-cell; !float: left; } .rightbox { display: table-cell; !float: left; } .middlebox { display: table-cell; width: 800px; !float:left; background-color: White; border-right : 1px solid Black; border-left: 1px solid Black; } ``` Det går nog få det bra i IE också om man vill... Permalänk: https://www.webforum.nu/p/1940783 ## #6 — zcorpan, 2007-02-26T19:55Z > **caya skrev:** > > du har inte övervägt en omslutande div som har ungefär samma egenskap som body har nu, som sas håller samman de tre? Vad är det för fel på \? Permalänk: https://www.webforum.nu/p/1940785 ## #7 — caya, 2007-02-26T20:04Z jag övervägde möjligheterna och gillade att de ökades med en omslutande div. ;) Permalänk: https://www.webforum.nu/p/1940787 ## #8 — eddy1, 2007-02-27T09:16Z Jag vet inte med mer kod, jag har inte mer, skulle vara html koden och då skrev jag bara så här.. ```

fsd

fsdfs

fsd

``` Förstår nte riktigt hur du menar med detta? > har du något som bryter av floats efter de båda flytande divarna? > du har inte övervägt en omslutande div som har ungefär samma egenskap som body har nu, som sas håller samman de tre? Zcorpan: Provade att lägga till ``` !float: left; ``` Men det gjorde ingen skillnad, kolumnerna blir bara så höga som den mängd text som finns i och samma gäller det bredd.. Jag är väldigt novis på detta, har bara suttit och provat lite i topstyle.. Men jag provar allt, så har ni några fler ideer så? Mvh Permalänk: https://www.webforum.nu/p/1940894 ## #9 — eddy1, 2007-02-27T09:34Z Kom på en grej nu.. Vet inte varför jag skulle ha kolumner, jag var ju igentligen bara ute efter mitt kolumnen. Jag gjorde en centrerad box istället :) Ibland är man inte ens i närheten av att inte vara dum... Permalänk: https://www.webforum.nu/p/1940901 ## #10 — voigtann1, 2007-02-27T09:36Z Problemet kvarstår ändå om några månader kanske du är ute efter 3 kolumner ;) Permalänk: https://www.webforum.nu/p/1940902 ## #11 — eddy1, 2007-02-27T10:40Z visst kan det vara så... jag är fortfarande öppen för lösningar ideer att prova.. Fick ett nytt problem nu.. har två boxar eller container , vad det nu kallas. Dessa ligger vid sidan om varandra under dessa har jag en ny box som är lika bredd som dom två övre.. Detta blir bra i IE men i firefox hamnar den nedre boxen på dom övre kolumnerna?? Så här ser koden ut: ``` #topleft { width: 98px; height:86px; float: left; } #topright { width: 702px; height: 86px; background-image: url(../images/bg_top.jpg); background-position: top; background-repeat: no-repeat; float: right; } #top_bord { height: 19px; width: 800px; background-image: url(../images/top_bord.jpg); background-repeat: no-repeat; float: none; } ``` och html koden ```

``` Permalänk: https://www.webforum.nu/p/1940910 ## #12 — kaxigt, 2007-02-27T12:02Z ``` #top_bord { [red]clear:both;[/red] height: 19px; width: 800px; background-image: url(../images/top_bord.jpg); background-repeat: no-repeat; } ``` Om det nu är denna som ska ligga under de andra två boxarna. Permalänk: https://www.webforum.nu/p/1940927 ## #13 — zcorpan, 2007-02-27T22:35Z Först och främst vill du nog ha en bra doctype så du inte testar i quirks mode... Permalänk: https://www.webforum.nu/p/1941072 --- Tråden på webben: https://www.webforum.nu/amne/html-css/157582-3-st-kolumner-med-css