webForumDet fria alternativet

Annan marginal i Firefox

HTML & CSSur HTML, XHTML & CSS

8 svar · 472 visningar · startad av Skogenskonung

Medlem sedan okt. 200450 inlägg
Frågan#1

Hej
Jag klurar vidare på min sida, och nu har jag ett problem som jag inte kunnat lösa. Sidan som gäller är:

WEB: http://www.skogenskonung.se/newwebb/

CSS: http://www.skogenskonung.se/newwebb/css/styles.css

Jämför sidan i Explorer och Firefox. I Firefox blir det för stort mellanrum mellan vänstra menyn och mittenspalten (den med älgbilden överst).

Förut hade jag många skillnader mellan de båda läsarna, men genom förändringar i CSS:en har jag lyckats arbeta bort dem, så även detta borde gå att få bort. Är det någon som kan se var felet ligger? Tack på förhand!

Medlem sedan okt. 20005 273 inlägg
#2

Hej
Testa att dra ner bredden på ul.navmenu lite.

mv icaaq

Medlem sedan okt. 200450 inlägg
#3

Hej igen
Jo, jag har smalat ner listan med 10px nu och det blir ju bättre, men jag förstår inte varför det blir olika i de båda läsarna. Båda läsarna borde ju visa marginaler och padding på samma sätt. Men det kanske man få acceptera.

Medlem sedan okt. 20005 273 inlägg
#4

Som vanligt har jarvklo ett inlägg som klargör det hela
http://www.webforum.nu/showthread.php?s=&postid=852559#post852559

mv icaaq

Medlem sedan juli 20013 378 inlägg
#5

Skogenskonung skrev:

Båda läsarna borde ju visa marginaler och padding på samma sätt. Men det kanske man få acceptera.

Hmm..
Lite mer info om orsaker och verkan:

Väljer man en <!DOCTYPE som ställer webbläsarna i "Quirks mode" (som du gjort) så får man leva med att marginaler och paddings hanteras olika mellan MSIE och resten av världen ja... Tyvärr...

Men det finns lösningar:
Vill du fortsätta med samma <!DOCTYPE, kan du t.ex. fundera på att införa någon form av "Box Model Hack" (och i den artikeln beskrivs också skillnaderna mellan hur MSIE/quirks och "W3C-kompatibla" webbläsare hanterar marginaler, bredder och paddings)

Annars kan du ju välja en ny <!DOCTYPE (en som ställer webbläsarna i "Standards mode") och göra om din CSS efter de (delvis) nya förutsättningarna (och därmed också lämna folk med MSIE5.5 och tidigare åt vargarna).

Det här är inte så enkelt, men det är något vi alla slåss med i en form eller annan när vi kodar med marginaler och paddings numera - så du är inte ensam ;)

Medlem sedan okt. 20005 273 inlägg
#6

En sida som fått mig att förstå css-boxmodellen i 3-d
http://www.redmelon.net/tstme/box_model/

mv icaaq

Medlem sedan okt. 200450 inlägg
#7

Hej
Tack för tipsen. Jag förstår inte riktigt vad DOCTYPE innebär, men det kanske jag inte behöver nu när jag dessutom börjar närma mig deadline och måste få klart allt. När jag provade en annan DOCTYPE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...så ser sidorna likadana ut i både IE och Firefox. Så vad innebär detta? Något speciellt jag måste tänka på eller är det bara köra på?

Medlem sedan juli 20013 378 inlägg
#8

Är du nöjd med resultatet är det bara att köra på ;)

Får du problem som du tror har med detta att göra vet du var vi finns och att du kan få hjälp av flera av oss som brukar "hänga" här ;)

//red: och vill du läsa på om det där med <!DOCTYPE och vad det är, har dectgap sammanställt en bra startpunkt här: http://www.webforum.nu/showthread.php?s=&postid=787126#post787126

Medlem sedan okt. 200450 inlägg
#9

Tack så mycket för tipsen!
Nu ser sidan bättre ut i båda läsarna, iallafall tills vidare.

Känns skönt att höra att ni alltid finns här. Jag hör säkert av mig igen.

Fredag, veckans bästa! :birp

136 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)