--- title: "Padding och margin i FF/IE" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/119253-padding-och-margin-i-ff-ie" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Nellan" published: "2005-01-04T10:04:20.000Z" updated: "2005-01-05T09:59:22.000Z" replies: 17 views: 453 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/119253-padding-och-margin-i-ff-ie" --- # Padding och margin i FF/IE ## #1 — Nellan, 2005-01-04T10:04Z Som ni ser så blir sidan skum i FF eftersom iframen inte får plats i diven. Antar att det har med margin och padding att göra? Jag kör med denna doctype \ eftersom jag vill att sidan ska tolkas i quirks mode (på grund av iframe-buggen i IE). Kan jag lösa problemet genom att tvinga FF att använda quirks mode på något vis? Tack på förhand! Permalänk: https://www.webforum.nu/p/119253 ## #2 — Insider, 2005-01-04T11:36Z Måste du ha en iframe? Du kan ju göra själva diven scrollningsbar och det borde ge exakt samma effekt. /RED Hade visst frågat dig det redan i en annan tråd och antar att du fortfarande måste ha en iframe. :) Permalänk: https://www.webforum.nu/p/1518384 ## #3 — Nellan, 2005-01-04T12:29Z Ja, jag vill ha en iframe :) Permalänk: https://www.webforum.nu/p/1518432 ## #4 — PepeJeria, 2005-01-04T12:59Z Anledning till detta är att div:en till höger har en height på 400 px + padding-bottom och padding-top på 10px, det blir alltså: 400 + 10 + 10 = 420px hög Men IE som har en annan boxmodel räknar in paddingen i själva div:ven. Så i IE är den 380 px hög. Denna boxmodel funkar som tänkt när man har en standars compliance doctype i IE 6. Du säger att du vill använda dig av quirks mode på grund av en iframe bugg i IE, vilken bugg då? Permalänk: https://www.webforum.nu/p/1518460 ## #5 — zcorpan, 2005-01-04T13:30Z ``` ``` ...utlöser quirks mode även i Mozilla. Om du vill att bara IE ska vara i quirks mode kan du lägga till vad som helst före doctypen, tex en kommentar eller en xml-deklaration. /me tycker inte om iframes :P Permalänk: https://www.webforum.nu/p/1518474 ## #6 — Nellan, 2005-01-04T16:29Z PepeJeria: Okej, men hur får man dem att använda samma boxmodel då? "Buggen" jag talar om är att IE i standards mode gärna sätter en horisontell scroll på iframen som är helt onödig. zcorpan: Men då borde de ju visas likadant? :\\ Permalänk: https://www.webforum.nu/p/1518600 ## #7 — PepeJeria, 2005-01-04T16:45Z Enda sättet du kan få IE 6 att ha samma box model som övriga browsers är att använda dig av en standards compliance mode DOCTYPE. Eftersom tidigare versioner av IE inte stöder DOCTYPE switching, kommer det ändå att tolka boxmodel på ett felaktigt sätt. Detta löser man dock genom ett CSS hack för att ge dessa browsers ett annat värde. Följande kod + en DOCTYPE som sätter IE 6 i standards compliance mode löser problemet: ``` #meny { float: right; \height:400px; he\ight:360px; \width: 153px; w\idth:113px; margin: 0; padding: 20px; background-color: #DADADA; font-size: 13px; font-weight:bold; } ``` Första värdet är till IE 5.x och det andra (height/width minus padding) för browsers som förstår boxmodel på ett korrekt sätt. Permalänk: https://www.webforum.nu/p/1518614 ## #8 — Nellan, 2005-01-04T17:51Z Men då får jag ju en horisontell scroll på iframen, och det vill jag inte. Permalänk: https://www.webforum.nu/p/1518686 ## #9 — PepeJeria, 2005-01-04T17:54Z Kan du visa denna bugg? Nyfiken Permalänk: https://www.webforum.nu/p/1518690 ## #10 — Nellan, 2005-01-04T18:20Z här: Permalänk: https://www.webforum.nu/p/1518701 ## #11 — PepeJeria, 2005-01-04T18:25Z Om du stänger \ taggen ordentligt, och ändrar dess marginal så kommer scrollbaren att försvinna. Permalänk: https://www.webforum.nu/p/1518702 ## #12 — Nellan, 2005-01-04T18:28Z Jaså? Men om jag tar bort \ och kör med \ istället då? Kolla igen. Permalänk: https://www.webforum.nu/p/1518705 ## #13 — jarvklo, 2005-01-04T18:36Z Hmm... Det där kommer antagligen inte heller att hjälpa... MSIE är nämligen mycket piggare på att lägga ut en horisontell scrollbar i frames och iframes i standards compliance mode än i quirky mode om man inte aktivt definierar hur man vill ha det med "scrollingen" genom att t.ex. smäcka dit stildefinitionen ``` ``` på varje sida som laddas in i iframen... ;) Det framgår också om man gör "view source" på de olika filerna i följande exempel: HTML 4 Transitional: xhtml 1.0 Transitional: OBS! att problemet inte verkar uppkomma i annat än MSIE och att de tre alternativen i varje exempel förmodligen ser identiska ut i Mozilla/Opera osv "icke-MSIE"-webbläsare :birp //Red: Ändrat till overflow-y:scroll (se nedan) Permalänk: https://www.webforum.nu/p/1518712 ## #14 — Nellan, 2005-01-04T19:36Z jarvklo: Mjo.. fast jag ser ett litet fel på din exempel-sida för html 4 transitional. På iframen längst ner står det ovanför att du satt "overflow-x:hidden och overflow-y:auto inställda för html-taggen", men det stämmer inte! Du har satt overflow-y:scroll; och det ger inte riktigt samma resultat. Sätter du auto så går texten in bakom scrollbaren, och när man har scroll så är ju scrollen där jämt.. alltså även om innehållet bara är på tex en rad. Hur som helst: Tack till alla som försökt hjälpa :) Permalänk: https://www.webforum.nu/p/1518740 ## #15 — jarvklo, 2005-01-04T21:28Z Ajdå :r Får skylla på att exemplen har något år på nacken och att jag måste ha slarvat då :r Nu är *det* hursomhelst fixat - ledsen bara att vi inte lyckades klura fram en bra lösning åt dig :( Permalänk: https://www.webforum.nu/p/1518803 ## #16 — zcorpan, 2005-01-04T21:28Z > zcorpan: Men då borde de ju visas likadant? :\\ varför då? det är två olika webbläsare... de beter sig olika i standards compiance mode också. Permalänk: https://www.webforum.nu/p/1518804 ## #17 — PepeJeria, 2005-01-04T21:48Z Men att slopa standards compliance mode endast för den här buggen vore ju lite synd. Ibland krävs det fulhack för att undvika buggar, och enklast då är att sätta en width på 443px på bodyn i iframen, fast detta endast för IE dock, så kör med: ``` /* Till bodyn i iframe:n */ *html body { width:443px; } ``` Permalänk: https://www.webforum.nu/p/1518817 ## #18 — Nellan, 2005-01-05T09:59Z Ja, det funkade! Tack! Permalänk: https://www.webforum.nu/p/1518957 --- Tråden på webben: https://www.webforum.nu/amne/html-css/119253-padding-och-margin-i-ff-ie