webForumDet fria alternativet

padding och marginal problem med Moz

4 svar · 244 visningar · startad av monAmour

monAmourMedlem sedan dec. 2002270 inlägg
#1

Hallå igen :D
Börjar nu närma mig ett näst intill perfekt resultat i både Mozilla, Explorer och Opera.

Min sida funkar super just nu i både Explorer och Opera men det blir fel med en del vertikala avstånd mellan linjer osv. i Mozilla. Mina navigationsknappar blir dessutom FÖR fyllda med padding, vilket inte uppstår i IE och Opera.
Vad ska jag göra åt detta, har försökt länge nu men börjar slita mitt hår...

Jämför nedanstående i IE och Mozilla så förstår ni vad som är fel.
http://www.ittakestwo.se/kund/atv/projektsystem

Alltså margin-top verkar bli för liten i Mozilla jämfört med IE medans paddingen verkar bli mycket kraftigare i Mozilla jämfört med IE.

Vad ska jag göra?
Länkar till mina styles:

http://www.ittakestwo.se/kund/atv/projektsystem/tmpl/atv-struct.css
http://www.ittakestwo.se/kund/atv/projektsystem/tmpl/atv-nav.css
http://www.ittakestwo.se/kund/atv/projektsystem/tmpl/atv-typo.css

Jesper TMedlem sedan nov. 20017 058 inlägg
#2

Snabblösning:
Gå efter mozillas "reaktion" och lägg till:

<!--[if IE]>
<style type="text/css">
.annan_padding{padding: något px;}
</style>
<![endif]-->
jarvkloMedlem sedan juli 20013 295 inlägg
#3

Hmm..

Det verkar som om höjden på de mellanslagstecken som Mozilla verkar lägga ut före och efter dina länkar är högre än de font-size-väredn du ställer in för själva länkarna...

Jag testade att sätta

    font-size:10px;


#globalNav .navBlock, .navBlock-marked
och
#globalNav .navBlockEnd, .navBlockEnd-marked
i atv-nav.css

Detta verka åtmixtåne ge samma resultat för *de* knapparna i MSIE6 och Mozilla... ;)

Därefter provade jag att lägga till en

      font-size:12px;


#localNav .link, .link-marked {
i atv-struct.css och *det* påverkade flikarna...

Verkade funka det med ;)

Lycka till :birp

monAmourMedlem sedan dec. 2002270 inlägg
#4

Det funkar fint! dock blir ju lokala navigationsknapparna lite högre i mozilla än IE men det gör egentligen inte så mycket.

Det enda som strular nu är sitemap markeringen alltså raden
"Användarhantering > Ny användare" som hamnar på tok för nära navigationsknapparna i Mozilla.
Ska se ut som i IE. Vad ska jag göra åt det?

monAmourMedlem sedan dec. 2002270 inlägg
#5

Fixade så att jag kunde köra font-size:9px; på mina lokala navigationsknappar. Visade sig att det var det lilla frågetecknet i den röda rutan som styrde deras storlek och förhållande till resten av sidan. Så istället för att bara köra clear:right på den så körde jag clear:both och då fixade det sig!

130 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
0 ms — hämta forumlista (cache)
127 ms — hämta tråd, inlägg och bilagor (db)