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

fisting porn

Last articles

Lecteur MP3 - SylPlayer... Gérer les polices avec la bi... Les nouveautés de Joomla 1.6... Placer un DisplayObject en p... Lien web dans une applicatio... Send array from Flash / As3 ... Afficher les Polices référen... firstElementChild / firstChi... Accélérer la fermeture de Wi... Construire un nouveau projet...

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