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

Éditeur de fichier XML en ligne


"XML Manager" est un éditeur sécurisé permettant d'administrer en ligne un fichier XML.
Il fournit des fonctions avancées de recadrage et de redimensionnement des images...

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