Je tombe sur un fonctionnement bizarre des navigateurs de la famille Gecko, dont mon préféré FF !
Le but est de régler dynamiquement les marges d'un bloc <DIV> avec un bout de javascript.
Il semble que, sous Gecko, cela ne marche pas uniquement avec la marge basse. Curieux...
Voici un petit bout de code pour mettre le défaut en évidence :
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- Date de création: 02/09/05 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bug FireFox ? </title>
<script type="text/javascript">
<!--
function Modif(i) {
if (i == 1) {
document.getElementById("B").style.marginTop = document.getElementsByName("edTop")[0].value;
}
else {
document.getElementById("B").style.marginBottom = document.getElementsByName("edBottom")[0].value;
}
}
-->
</script>
</head>
<body>
<div style="border: 1px dotted #FF00FF;">Texte 1.</div>
<div id="B" style="border: 1px dotted #0000FF;">Texte 2.</div>
<div style="border: 1px dotted #FF00FF;">Texte 3.</div>
<div>
marginTop : <input type="text" name="edTop" onBlur="Modif(1)">
marginBottom : <input type="text" name="edBottom" onBlur="Modif(2)">
</div>
</body>
</html>
Le réglage ne marche pas uniquement pour la marge basse avec FF, Mozilla et Netscape, mais fonctinne très bien avec Opera et IE (un comble !)
Qu'en pensez-vous ?