Line-height i div

Tags:    html css

Hey.
Er der nogen der kan finde ud af hvorfor der er forskel i line-height i menuen på http://www.shafh.dk/dragoer på IE7/8 og alle andre browser?

Se eksempel:
http://api.browsershots.org/png/original/29/299364d07577b5d3938527d6c9673607.png
http://api.browsershots.org/png/original/5d/5d26791bf8463ad23ad7d07a055d67b6.png


Jeg ønsker at det ser ud som det gør i firefox og chrome.
Måneden jeg har gjort det på er at sætte "line-height: 23px;" for den div hvor menuen er i. Men ligner bare at IE så stadig tager den line-height som er generelt for body'en...



6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Hvis du trykker F12 i IE fremkommer Developer Tools. I menuen står der i sidste menupunkt "Document Mode: Quirks".

I Firefox gøres det som Jonas skriver, men Firefox viste ikke din side i Quirks Mode, da den ikke er lige så følsom over for kommentarer før doctype.

PS: Du mangler også at rykke din meta charset op oven over din title, for at den skal have effekt.



Indlæg senest redigeret d. 19.12.2010 18:03 af Bruger #3143
Nu har jeg kun testet det i IE9, men der sker fejlen fordi din side er i Quirks Mode.

Din side er i Quirks Mode fordi du har en HTML kommentar før din Doctype, hvilket gør din Doctype ugyldig.



Hurra hurra. Du er fantastisk Jesper :)
Som du bare kan hjælpe.

Var det. Genialt, tak.



Jesper, lige et lille spørgsmål. Hvordan kan du se den er i Quirks Mode?



I firefox kan du se det ved at højreklikke et sted på siden og trykke "View page info" og kigge efter "Render mode".



Okay. Sådan?
Ret irriterende at sådanne åndsvage ting har en betydning. W3 validatoren siger intet, og så tror man jo bare det er perfekt...



t