webForumDet fria alternativet

Padding-krångel?

HTML & CSS

5 svar · 316 visningar · startad av oskars

Medlem sedan nov. 20051 317 inlägg
Frågan#1

Tja,

ta en titt på min lilla testsida, och jämför den i FF och i IE... Varför blir divven 10px större på bredd och höjd i FF, men inte i IE? Jag tycker att IE behandlar paddingen korrekt här, men inte FF. Hur löser jag detta på bäst sätt?

https://www.worldsport.nu/test

Tacksam för hjälp! :)

Oskar

Medlem sedan apr. 200312 679 inlägg
#2

Har du prövat att använda en doctype?

Medlem sedan nov. 20051 317 inlägg
#3

Hej silfver-kompis. Javisst! Återskapade bara problemet nu på en sida utan doctype.. men fick problemet hemma igår på en hemsida som är helt komplett. menar du att det behövs en doctype? Kan jag ha fel doctype hemma då menar du? Vilken ska jag ha i så fall?

Edit: nu har sidan en doctype. http://www.worldsport.nu/test/ ... och nu behandlar ju båda läsarna paddingen på samma sätt i alla fall. Men det är ju så irreterande att divven blir större när man använder padding?

Medlem sedan apr. 200312 679 inlägg
#4

Du har glömt en redirect-tag i din kod, man skickas vidare efter nån sekund. :)

Men ifall du har en div som är 100px bred så blir den ju 120px bred med 10px padding. Rätt logiskt egentligen. :)

Medlem sedan nov. 20051 317 inlägg
#5

Jo självklart.. men skulle vilja styra bredden med width ENBART... och padding precis så som det styrdes nrä jag inte hade en doctype i IE.. hajjar du? =)

Medlem sedan okt. 2005541 inlägg
#6

oskars skrev:

Hej silfver-kompis. Javisst! Återskapade bara problemet nu på en sida utan doctype.. men fick problemet hemma igår på en hemsida som är helt komplett. menar du att det behövs en doctype? Kan jag ha fel doctype hemma då menar du? Vilken ska jag ha i så fall?

Edit: nu har sidan en doctype. http://www.worldsport.nu/test/ ... och nu behandlar ju båda läsarna paddingen på samma sätt i alla fall. Men det är ju så irreterande att divven blir större när man använder padding?

Går jag till länken du gav, blir jag omgående "redirectad" till http://www.worldsport.nu/test/default_main.asp som inte finns. Lite svårt då att hinna se vad du gjort. :stud

Men "generalregeln" är att en sida utan (eller fel/ofullständig) doctype visas i Quirks Mode. Detta innebär bl.a. att paddingen inte visas enligt standard i IE. Kodar du sidan som XHTML visas den också i Quirks mode om du har strängen <?xml version="1.0" encoding="iso-8859-1"?> högst upp i koden.

Jämför gärna dessa två sidor i både IE och någon annan webbläsare, se speciellt på högra kolumnens boxar med gul bakgrund!

Sida i Standards Mode i alla webbläsare:
http://hem.bredband.net/arnel/index.html

Samma sida som Quirks Mode i IE, men Standard i övriga:
http://hem.bredband.net/arnel/test.html

265 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)