Side skejer ud i IE

Tags:    programmering

Hej folkens,

Jeg har et lille problem med min side.

Den vises helt fint Firefox, Safari og Chrome. Her "hviler" menuen korrekt på rammen, så det ser ud som om rammen og menuen er sammenhængende.

Af en eller anden årsag er det ikke så ligetil i Internet Explorer. Da mange af mine besøgende bruger IE, vil jeg gerne løse problemet.

I IE vises menuen også fint, men der dukker et brudstykke af menuen op, øverst til venstre for det første menupunkt. Jeg har vedhæftet et billede, så du kan se præcis, hvad jeg taler om.

Hvis problemet ikke fremgår i kildekoden, men er et .css problem, får du her linket til min .css fil: http://billig-ps3.dk/style.css

Billedet: http://peecee.dk/upload/view/233335

Siden: http://billig-ps3.dk



4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Godt svar


Tusind tak for det hurtige svar. Det fixer jeg asap når jeg kommer hjem fra arbejde.

Grunden til jeg bruger <a name="Toppen"> er fordi, at jeg linker "Tilbage til toppen" længere nede på siden.

Har du ideer et til et mere passende anchor, som ikke forstyrrer designet?

Næh, men er det ikke nok, at du flytter det udenfor dit <div id="tabsI">?

Hvis vi ser lidt overordnet på det, så ser det sådan her ud nu:
<div id="tabsI">
<a name="Toppen">
<ul><li>asd</li></ul>
</a>
</div>

Hvis du nu flytter dit anchor ud:
<a name="Toppen">
<div id="tabsI">
<ul><li><a>asd</a></li></ul>
</div>
</a>

Så er det ikke længere et link indeni tabsI.




Uden at være sikker, vil jeg tro dette er årsag til drilleriet:

<a name="Toppen">

Du har den placeret inden i din <div id="tabsI"> og omkapsler din <ul>. Jeg har lidt svært med at gennemskue hvad den laver der.

Men fordi det en anchor inden i din tabsI, er det vel nærliggende at den bliver fortolket som:

#tabsI a {
float:left;
background:url("tableftI.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}

edit: Har lige testet og du hvis du fjerner den, ser det fint ud i IE8. Jeg har ikke testet på andre browsere.



Indlæg senest redigeret d. 23.03.2010 11:45 af Bruger #955
Godt svar


Tusind tak for det hurtige svar. Det fixer jeg asap når jeg kommer hjem fra arbejde.

Grunden til jeg bruger <a name="Toppen"> er fordi, at jeg linker "Tilbage til toppen" længere nede på siden.

Har du ideer et til et mere passende anchor, som ikke forstyrrer designet?



Godt svar


Tusind tak for det hurtige svar. Det fixer jeg asap når jeg kommer hjem fra arbejde.

Grunden til jeg bruger <a name="Toppen"> er fordi, at jeg linker "Tilbage til toppen" længere nede på siden.

Har du ideer et til et mere passende anchor, som ikke forstyrrer designet?

Næh, men er det ikke nok, at du flytter det udenfor dit <div id="tabsI">?

Hvis vi ser lidt overordnet på det, så ser det sådan her ud nu:
<div id="tabsI">
<a name="Toppen">
<ul><li>asd</li></ul>
</a>
</div>

Hvis du nu flytter dit anchor ud:
<a name="Toppen">
<div id="tabsI">
<ul><li><a>asd</a></li></ul>
</div>
</a>

Så er det ikke længere et link indeni tabsI.


Du har helt ret Stefan. Muchas gracias!



t