--- title: "Ramar/marginaler på div:arna förskjuter sidan" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/109288-ramar-marginaler-på-div-arna-förskjuter-sidan" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Dryden" published: "2004-08-15T14:41:52.000Z" updated: "2004-08-16T19:12:27.000Z" replies: 6 views: 374 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/109288-ramar-marginaler-på-div-arna-förskjuter-sidan" --- # Ramar/marginaler på div:arna förskjuter sidan ## #1 — Dryden, 2004-08-15T14:41Z Har ett litet problem. Sitter med två div:ar, båda med varsin helt omslutande ram på 1px. I IE så ser allt bra ut men i Firefox så blir det aningen bredare, ungefär som att Firefox och IE tolkar ramen olika. IE räknar in ramens pixel i div:ens totala bredd medan FF inte verkar göra det. Alltså, en div som är 450px bred med en omslutande ram på 1px blir alltså 452px bred i FF vad det verkar. Likadant blir det om jag sätter marginaler/padding på div:arna, då förskjuts allt återigen i FF men inte i IE. Vad beror detta på och hur löser jag det? Permalänk: https://www.webforum.nu/p/109288 ## #2 — Insider, 2004-08-15T18:35Z Det är IE som tolkar CSS fel. Enligt standarden ska ramen inte räknas med i bredden. Permalänk: https://www.webforum.nu/p/1411009 ## #3 — Tinwëlint, 2004-08-15T21:22Z Precis IE's *gamla* boxmodell är fel (enligt w3c). Både padding, border och margin ska adderas till den angivna bredden och inte som i IE (i quirksmode) inkluderas i bredden (padding och border men inte margin). Det absolut enklaste sättet att lösa det här är att sätta IE i standardsmode då det följer w3c's boxmodell Det gör man genom att ange en korrekt doctype. Om man kör xhtml och tycker att man har det och det borde vara rätt så kan det hjälpa att ta bort xml-deklarationen (ex: \). IE fattar inte alls vad som menas med den och hamnar i quirksmode. Och om man kör xhtml 1.0 så behövs den inte heller. Hoppas det hjälpte. Permalänk: https://www.webforum.nu/p/1411122 ## #4 — Insider, 2004-08-15T21:51Z > **Tinwëlint skrev:** > > ...Det absolut enklaste sättet att lösa det här är att sätta IE i standardsmode då det följer w3c's boxmodell > Det gör man genom att ange en korrekt doctype.... Men oavsett vilket så består problemet i IE 5.X om jag förstått saken rätt. (Kan inte testa själv.) Dom är ju inte så många nu för tiden iofs. Permalänk: https://www.webforum.nu/p/1411136 ## #5 — Tinwëlint, 2004-08-15T21:56Z Hmm, har inte riktigt koll på det. Även i 5.5sp2? Tror jag ska göra en testsida och kolla. Förresten Dryden, det finns ett hack för att fixa det här också: Men standardsmode är väl den smartaste lösningen först och främst. Sen om man känner att man måste ha det rätt i äldre versioner av IE kan ett hack vara bra. Då kanske man iofs inte ska använda det där för jag tror alla IE-versioner reagerar på det och om man då har ett IE6 i standardsmode och resten av versionerna i quirksmode vill man ju inte att IE6 ska ta åt sig av den "felaktiga" dimensionsangivelsen. Permalänk: https://www.webforum.nu/p/1411137 ## #6 — Tinwëlint, 2004-08-15T22:09Z Provade lite. Det visade sig att inte ens IE5.5sp2 fick sin boxmodell rätt när den var i standardsmode (om den har något). Den doctype jag använde satte i alla fall IE6 i standardsmode. Permalänk: https://www.webforum.nu/p/1411143 ## #7 — Tinwëlint, 2004-08-16T19:12Z Förresten så har jag nog inte läst igenom Tanteks hack ordentligt. Det fixar IE5. Permalänk: https://www.webforum.nu/p/1411727 --- Tråden på webben: https://www.webforum.nu/amne/html-css/109288-ramar-marginaler-på-div-arna-förskjuter-sidan