Bonjour,
J'ai un petit soucis avec un input type button à l'intérieur d'un DIV.
voici le code :
<div style="margin-left: 10px;width:200px;height:30px;border: 1px solid #555555;">
<input value="Test 1" onclick="alert('coucou')" type="button">
</div>
<div style="margin-left: 300px;height:30px;margin-top: -30px;border: 1px solid #555555;">
Affichage quelconque
</div><br><hr>
<input value="Test 2" onclick="alert('coucou')" type="button">
Sous firefox, ça fonctionne impeccable. Sous IE, le bouton test 1 est inactif, comme s'il était recouvert par le 2ème DIV. le bouton test 2 est là comme témoin que le code marche parfaitement en dehors du DIV.
Vous remarquerez que j'ai aligné horizontalement les 2 DIV en faisant un margin-top à -30.
Les dimensions des 2 div font qu'ils ne se chevauchent pas.
Si je passe le margin-top à -15 par exemple, le haut du bouton test 1 devient actif, mais pas le bas, ce qui montre bien qu'on a un problème de recouvrement (en tout cas, qui y ressemble).
Donc, là, je comprends pas trop. Des idées pour solutionner le problème ou le contourner ?
Merci d'avance
Zorg
Configuration: Windows Vista
Firefox 3.0.11