Décalage entre FF et IE.

Bonjour !

Mon site rencontre des problèmes de décalage entre Firefox et Internet Explorer...

Les codes html et Css ne comporte pas d'erreur pouvant engendrer cela !

Et en regardant de plus près si je rajoute des float:left et autres, sa me remet comme il faut mon site sur Ie, mais me décale celui sous FF ^^

Le lien si vous souhaitez m'aider ^^

Lien

Merci beaucoup

Bonsoir Angyo,

Je n'ai pas regarder ta page en profondeur, cependant, juste te signaler 2 ou 3 choses qui m'ont interpellées en passant :

<script language="Javascript">
function preloadImages()
{ for (var i = 0; i < arguments.length; i++) {
  var img = new Image(); img.src = './skin/images/header/4/'+arguments;
}}
</script>

Ce code n'a rien à faire avant ta déclaration de Doctype, cela fait basculer les navigateurs en mode Quirks (faire une recherche sur le terme si besoin)
D'ailleurs tu pourrais purement et simplement le supprimer, cela ne sert pas en grand chose dans ta page
Au passage, on écrira d'ailleurs plus volontier :

<script type="text/javascript">

Le javascript pour le rollover de tes menus est intrusif et alourdit inutilement ton code (et ça c'est mal ) il existe des scripts beaucoup plus "léger" qui génèrent dynamiquement cet effet sans que tu aies besoin de rajouter du js dans ton code html (faire une recherche sur le terme si besoin)
Il est même possible de se passer de javascript, avec la méthode des portes coulissantes par exemple.

Subsistera quelques erreurs dans ton code qu'il conviendra de corriger (cela ne peut pas faire de mal ) tu peux les déceler via le validateur du W3C par exemple : http://validator.w3.org/

Concernant ton problème proprement dit, je ne me suis pas vraiment pencher dessus, mais tout cela me semble un peu "compliqué" (c'est peut-être l'heure tardive et la fatigue naissante également )

Tu auras certainement d'autres avis d'ici demain et probablement des solutions pour règler le problème, mais je repasserai

L'ensemble est plaisant et le principe du menu très sympa

Cdt,
Sylvain

J'ai rectifier pour le javascript afin de le mettre au bon endroit (oui je suis pas fort en java, le script sert a charger mes images (onmouseover onmouseout, et ainsi éviter d'avoir un truck blanc ou noir tout moche rien a voir avec un rollover ^^ )

Merci d'avance encore une fois ^^
Modifié par Angyo (30 Oct 2008 - 02:00)

Angyo a écrit :

J'ai rectifié pour le javascript afin de le mettre au bon endroit (oui je suis pas fort en javascript, le script sert à charger mes images (onmouseover onmouseout, et ainsi éviter d'avoir un truck blanc ou noir tout moche rien a voir avec un rollover ^^ )

J'ai bien compris à quoi servait le script, merci
Je trouve cela assez "dérangeant" (avis tout à fait personnel et subjectif) de voir ces images d'entête "défiler", je perd mes "repères" lorsque je navigue et que je reviens sur une page visitée, mais ce n'est pas bien grave...

onmouseout="this.src='./skin/images/header/5/manga.jpg';"
onmouseover="this.src='./skin/images/header/5/manga_on.jpg';" 

Par contre, ceci a tout à voir avec un rollover, et je maintiens ma (pro)position (trouver un autre script, passer par css, ...)


Cdt,
Sylvain

Hum pour ma part le javascript marche très bien, et je n'ai pas de défilement...

Mais sa fait déjà quelques heures que j'essaye de régler ce problème de css sous internet explorer sans y arriver... Je vais attendre demain les réponses, sinon je repartirais de zéro en vérifiant a chaque étape la compabilité entre chaque navigateur