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

MassLoader et LoaderMax - Gé... utf8 : substr ou mb_substr... Qu'est-ce que Stage3D ?... MorfeoShow : Choses à savoir... Application mobile Dadabovic... Soumission d’une Application... Bug Gestion des balises META... Identical Icons in component... Plugin Joomla ReplacerSEO... Utiliser l'opacité d'un masq...

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