geek space web solutions

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

Thursday, 21 January 2010 11:47
There are no translations available.

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...

 

Add comment


Security code
Refresh

Sections


Last articles

Problèmes de codage utf-8 av... position:absolute with ie6 d... Genymotion: Tester vos appli... Module Joomla SeCatordion - ... Erreur de Sécurité Flash Pla... Automatiser vos META avec le... Component 'Classic Contact F... Mobile application and USB D... MorfeoShow : Choses à savoir... Activer le débogage USB sur ...

Sondages

Do you think HTML5 can completely replace Flash ?
 
Would you be interested in an online XML editor ?
 

Paypal

paypal

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