Mærkelig mellemrum i Internet Explorer

Tags:    internet-explorer html css

<< < 12 > >>
Heej alle

Jeg har et problem med min menu på min side.
Den ser fin nok ud i chrome, opera, firefox og safari. (Se billed her) MEN i internet explorer er der kommet mellemrum imellem menuen og side indholdet. (Se billed her)

Css'en ser sådan her ud:
Fold kodeboks ind/udCSS kode 


Håber der er en eller anden der kan forklare mig hvordan jeg kan få det der lille mellemrum væk i internet explorer :)



12 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Her er et billede hvor #nav:after er slettet:

http://i56.tinypic.com/2rzorjr.png

Ser det stadig forkert ud?



Nu har jeg desværre ikke kigget hele koden igennem, men hvis du ikke har prøvet, så prøv følgende:

1) tilføje til selve menuen
- margin-bottom: 0;
- padding-bottom: 0;

2) Hvis det ikke virker, så prøv på den del nedenunder at tilføje
- margin-top: 0;
- padding-top: 0;

som sagt, har jeg ikke kigget hele koden igennem - men det kan være en løsning.



Nej desværre :(



Siden kan ikke findes når jeg trykker på link til billederne..



Hej Mathias,

Kan du ikke sende linket til selve siden? Og hvilken version af IE laver ballade?



Så skulle det virke :)

EDIT:

Link er her: offlines og det er Internet Explorer 9



Indlæg senest redigeret d. 09.07.2011 19:23 af Bruger #16662
I starten af din css prøv at skrive

Fold kodeboks ind/udCSS kode 




Du har en pseudo-boks lige neden under din menu og over selve indholdet. I IE er boksen nogle få pixels høj og laver derved mellemrummet, mens den i andre browsere er nul pixels høj og derfor ikke laver noget mellemrum.

Boksen er "pseudo" fordi der ikke er noget <div>-element, den er lavet med din CSS-kode:

#nav:after

Fjern den og mellemrummet forsvinder.



Niks, desværre :(



Hmmm... Muligvis har det noget med din line-height at gøre.

Prøv evt. med at sætte line-height til fx. 19px:

Fold kodeboks ind/udCSS kode 


Og en anden ting, så vil jeg anbefale dig at angive et charset.

Fold kodeboks ind/udHTML kode 


Hvis ikke du gør det, så kan der være brugere som vil se dine æøå som mærkelige tegn.

Anyway, lad mig høre om det virker...






<< < 12 > >>
t