Avec ce code le "TEXTE" n'apparaît pas dans IE 7. Je pense que c'est derrière l'entrée? Donner un zindex n'aide pas, et je ne peux pas utiliser la position: relative parce qu'elle dérange d'autres choses. des idées de comment réparer?IE 7 erreur de marge négative
<!DOCTYPE html>
<input/><span style='margin-left:-50px;'>TEXT</span>
Les marges ne sont pas fiables sur les éléments en ligne. Les nouveaux navigateurs gèrent bien, mais les plus anciens ne fonctionnent toujours pas comme vous le souhaitez dans de nombreux cas. Il se peut donc que vous deviez faire de l'élément un élément de niveau bloc (ce qui vous obligera éventuellement à utiliser un flottant pour le ramener en ligne avant de le positionner sur l'élément de formulaire, ce que je suppose être la position finale voulue.)
De plus, z-index ne fonctionnera que pour les éléments qui sont positionnés Je suis surpris que la position: relative dérange d'autres choses, mais la position: absolute ne fonctionne pas, mon go to fix serait d'utiliser {position: relative left: -50px; z-index: 10;} pour faire glisser le span sur
IE7 semble avoir des problèmes avec des marges négatives: http://www.brunildo.org/test/relayout.html
Il semble fonctionner parfaitement dans IE8, il devrait certainement être un bug IE7.
Même chose dans IE 6. Ajout position: absolute; résolu dans IE 6, donc nous espérons qu'il fait la même chose dans IE 7:
<span style='margin-left:-50px; position: absolute;'>TEXT</span>