Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1768 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS & Javascript] Bug avec le navigateur Safari

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS & Javascript] Bug avec le navigateur Safari

n°1551046
cleanx
Posté le 28-04-2007 à 21:45:15  profilanswer
 

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 :

 

http://www.buxum.ch/temp/safariOK.png

  

Avec Safari ça donne le caca suivant :

 

http://www.buxum.ch/temp/bugSafari

 

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 :
  1. <script type="text/javascript">
  2. <!--
  3. var h = document.getElementById('div').offsetHeight;
  4. h = h + 190;
  5. document.write("<div id=\"branchesBottom\" style=\"z-index:0;position:absolute;left:190px;top:",h,"px;\"><img
  6. src=\"graphismes/branches-bottom.gif\" width=\"75\" height=\"97\" alt=\"\" /></div>" );
  7. -->
  8. </script>
  9.        
  10. <script type="text/javascript">
  11. <!--
  12. var h = document.getElementById('div').offsetHeight;
  13. h = h + 190;
  14. document.write("<div id=\"blocAdresse\" style=\"z-index:1;position:absolute;left:804px;top:",h,"px;width:200px;height:200px;background-color:#4e2614;\">" );
  15. -->
  16. </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
mood
Publicité
Posté le 28-04-2007 à 21:45:15  profilanswer
 

n°1551054
Shinuza
This is unexecpected
Posté le 28-04-2007 à 22:14:29  profilanswer
 

C'est barbare, dégeux et inutile pour un site avec une telle présentation graphique :-/
 
Je suis absolument sur que ce genre de truc est inutile, la maquette xhtml est mal foutue, c'est sur.
 
PS : On utilise CDATA pour éviter les merdes à l'intérieur des scripts ;)


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
n°1551059
cleanx
Posté le 28-04-2007 à 22:36:16  profilanswer
 

Hello shinuza, merci pour ton post !

 

Je sais que c'est du massacre... J'ai essayé avec les CDATA, ça ne change rien.

 

Peut-être qu'on peut aborder le problème autrement :

 

je suis prêt à reprendre mon schéma CSS pour enlever cette horreur, mais je débute en CSS-Positioning et je suis autodidacte. J'ai vraiment de la peine à maîtriser les blocs en position relative, pourtant ce n'est pas faute d'avoir essayé. Je fais donc tout en position absolue.
Me suis tapé le CSS Cookbook 2ème édition d'Oreilly, mais la partie sur le CSS-Positioning est assez succinte... Les tutoriaux que j'ai trouvé ne sont pas très convaincants non plus.  

 

Est-ce que tu aurais une bonne source où je pourrais trouver de bonnes explications ?
Merci d'avance pour le temps que tu me consacreras

n°1551063
cleanx
Posté le 28-04-2007 à 22:45:40  profilanswer
 

Bon vais arrêter de faire mon tas de flemme, vais un peu réfléchir...

 

"Php : Some many way to do a crappy job, pretty much sure this is one of them" : tu recommandes quoi à la place du PHP ?

 

n°1551064
Shinuza
This is unexecpected
Posté le 28-04-2007 à 22:46:10  profilanswer
 

Bah vu la maquette, j'ai pas vraiment l'impression que tu dois faire appel à quelconque propriété de positioning.
La majorité du temps c'est la merde avec cette méthode.
 
T'as 3 colonnes, je vois pas pourquoi tu t'emmerdes avec ce truc, si tu te débrouilles bien avec l'empilement le texte à l'intérieur "Bienvenue chez..." poussera ce qu'il y'a en dessous :o


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
n°1551070
cleanx
Posté le 28-04-2007 à 22:58:57  profilanswer
 

Hmmmm, je vois

 

Ch'uis trop un boulet.

 

Merci bien m'sieur.


Message édité par cleanx le 28-04-2007 à 22:59:24

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS & Javascript] Bug avec le navigateur Safari

 

Sujets relatifs
Probleme avec un JavaScript de Popupparcours d un fichier xml non logique avec javascript
[Urgent] Diaporama en javascript (Problème de chargement)Pseudo tableau en CSS
[résolu] Remplissage d'un champ de formulaire par javascript[CSS] CSS et avertissements
Pré executer Jscript pour une page web sans JScript : DOM ?[CSS?] Problème de titre avec IE.
Centrer un objet dans un élément CSSJavaScript - Les attributs d'un élément de formulaire
Plus de sujets relatifs à : [CSS & Javascript] Bug avec le navigateur Safari


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR