2011-09-21 2 views
6

J'ai ce code, il fonctionne très bien dans Firefox; mais tire à droite sur Explorer. Y at-il quelque chose de mal avec ce code que je ne peux pas voir?Problème avec IE position: absolu

Votre aide est appréciée

<div style="position: absolute; top: 170px"><a href="http://www.mysite.com"><img src="images/sponsor.png" /></a></div> 

Ce que je me attends est l'image pour montrer au-dessus de la principale image- d'en-tête qui fonctionne bien sur Firefox, mais se déplace vers la droite dans IE la cause site à casser. Je ne sais pas pourquoi cela arrive.

+1

Essayez d'ajouter 'left: 0px;' aussi, peut-être dans IE, il ne lui donnera pas cette valeur par défaut .. –

+0

@ shadow-wizard - Merci pour cela, cela a fonctionné. – Julie

+1

Cheers, je l'ai également ajouté comme réponse maintenant .. ne m'attendais pas à être si simple lol. Par ailleurs, lorsque vous utilisez '@' ne remplacez pas l'espace par '-', omettez l'espace, par ex. '@ shadowwizard' mais encore mieux, vous ne pouvez utiliser que les trois premières lettres, par ex. '@ sha' ou plus" amical "mais toujours court' @ shadow' :) –

Répondre

15

Ajouter left: 0px; aussi bien, IE ne sera probablement pas donner cette valeur par défaut:

<div style="position: absolute; top: 170px; left: 0px;"> 
0

j'ai découvert que IE ne reconnaît pas les propriétés déclarées comme:

top:(space)20px; 

- donc si vous avez un espace entre : et 20px IE ignorera cette propriété. J'espère que ça aidera quelqu'un.

Questions connexes