Avatar billede j-roar-h Nybegynder
21. juni 2011 - 12:03 Der er 6 kommentarer og
1 løsning

Forskellig padding på menu

Hej,

Jeg har et problem med en menu.

Jeg kan ikke få den til at være ens i Firefox og Safari.

I Firefox vises den perfekt, men i Safari går det sidste menupunkt ikke helt ud til siden, som den gør i firefox.

Jeg er ret sikker på det har noget med paddingen at gøre, men kan ikke gennemskue hvad det er. Jeg har sat margin og padding til 0px på hele siden, så browseren burde ikke selv tillæge noget padding, eller har jeg misforstået dette?

I kan se den her: http://jacobroarhansen.dk/public/Grebart_Biler/index.html

Tjek gerne i forskellige browsere, har ikke testet i ie da jeg sidder på mac.

Håber nogen kan hjælpe!
Avatar billede webweaver Praktikant
21. juni 2011 - 12:10 #1
Den grønne hover du har på menupunktet "Kontakt os", fungerer kun i Internet Explorer hos mig. Det virker ikke i Firefox, Chrome eller Opera. I Firefox er der ca. 2px luft i siden og i Chrome og Opera er der ca. 15px luft.
Avatar billede webweaver Praktikant
21. juni 2011 - 12:14 #2
Gør det umiddelbart nogen forskel for dig, hvis du skriver margin: 0px; istedet for bare margin: 0;? Og det samme med padding ...
Avatar billede j-roar-h Nybegynder
21. juni 2011 - 12:27 #3
Det ændrede ingenting at ændre det til 0px.
Avatar billede Slettet bruger
21. juni 2011 - 14:46 #4
For det første, så giver det ingen mening, at du skriver 22.9px og 22.8px i dine padding-left og -right. Du kan ikke have mindre end en hel pixel, så kommatal går ikke.

Derudover tror jeg, at problemet skyldes teksten. Du baserer nemlig placeringen på, at teksten altid er lige "tyk" i alle browsere. Men det er bare ikke tilfældet.
Det samme ord med alt formateret kan i to forskellige browsere godt have en lille og som regel fuldstændig ubetydelig bredde-forskel. Derfor må størrelser og opstilling aldrig være afhængig af tekst.

Løsningen, hvis dette er problemet, er at sætte fast bredde på dine listeelementer <li>, ligemeget hvor meget tekst de indeholder.
Prøv, og se, om det virker.

Det vil også gøre rettelser og ændringer i teksterne meget lettere for dig.
Avatar billede Slettet bruger
21. juni 2011 - 16:34 #5
float:right ?
Avatar billede j-roar-h Nybegynder
22. juni 2011 - 09:44 #6
steeven ligger du et svar? Det virker perfekt.. Tak
Avatar billede Slettet bruger
22. juni 2011 - 09:49 #7
Super
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester