Bonsoir à vous !
Résumé de mon problème
Mauvais positionnement de <div> en CSS sous Safari. Tout est OK avec FireFox 2 et Internet Explorer 7.
Cause
Safari ne prends pas en compte le Javascript que j'utilise. Enfin j'imagine que c'est ça. Pourtant il n'y a
aucun message d'erreur. Ch'uis une pine en Javascript, donc pas taper SVP.
Développement
Voici la gueule de mon site à l'état voulu :
Avec Safari ça donne le caca suivant :
J'utilise le code Javascript suivant pour placer les deux <div> en fonction de la hauteur de la <div> où est placé le texte :
Code :
- <script type="text/javascript">
- <!--
- var h = document.getElementById('div').offsetHeight;
- h = h + 190;
- document.write("<div id=\"branchesBottom\" style=\"z-index:0;position:absolute;left:190px;top:",h,"px;\"><img
- src=\"graphismes/branches-bottom.gif\" width=\"75\" height=\"97\" alt=\"\" /></div>" );
- -->
- </script>
-
- <script type="text/javascript">
- <!--
- var h = document.getElementById('div').offsetHeight;
- h = h + 190;
- document.write("<div id=\"blocAdresse\" style=\"z-index:1;position:absolute;left:804px;top:",h,"px;width:200px;height:200px;background-color:#4e2614;\">" );
- -->
- </script>
|
Je sais c'est un peu barbare comme méthode, mais je n'ai rien trouvé d'autre pour placer dynamiquement une <div> en position absolue... Si quelqu'un connait une astuce, je suis à l'écoute. Autrement, si le souci vous saute aux yeux, je vous serais très reconnaissant de me donner la solution.
Au cas où vous voudriez voir le reste du code source, la page concernée est ici
Merci de m'avoir lu jusqu'au bout.
A peluche !
Message édité par cleanx le 28-04-2007 à 21:47:01