geek space web solutions

Problème de positionnement d'un div absolu sur Internet Explorer

Jeudi, 21 Janvier 2010 11:47
Travaillant sous firefox comme beaucoup, j'ai constater en testant ce site sous ie6, ie7 un bug de positionnement d'une "div" en position absolute. Sous Internet Explorer 6 et 7 la "div" en position "absolute" se décalle complètement à droite, elle est collée au bord droit du navigateur.

bug absolute position droite
Bug sous ie6 et ie7

Sous ie8, il n'y a pas de problème, le résultat est le même que sur Firefox, voilà le code que j'avais pour obtenir ce bug :
#absolute_languages_module {
top:190px;
left:50%;
position:absolute;
margin-left:115px;
}

J'ai résolu le problème très simplement en définissant un paramètre width :
#absolute_languages_module {
top:190px;
left:50%;
position:absolute;
margin-left:115px;
width:100px;
}

Selon les cas il peut être utile de définir un height également...

D'autre part, l'utilisation du left:50%; s'avère très importante pour tous les navigateurs pour un positionnement identique quel que soit la résolution du visiteur...

 

Ajouter un Commentaire


Code de sécurité
Rafraîchir

Sections


Sondages

Pensez-vous que le HTML5 puisse complètement remplacer Flash ?
 
Seriez-vous intéressé par un éditeur d'XML en ligne ?
 

Paypal

paypal

Code du plugin Joomla AutoSEO 1.2 par www.geek-space.fr