Doctype et Firefox

Version imprimable

17/10/2006, 21h09
damjal

Doctype et Firefox

Bonjour,

La page est valide pour css et html, mais rien ne va sous Firefox !, par contre c'est tout bon sous IE.
Si je retire le Doctype, evidemment, ça fonctionne alors aussi sous Firefox.

je ne comprend pas, tous mes padding sont pourtant à 0, je ne me sert que des margin...
Je ne vois vraiment pas où est le problème.. une erreur de syntaxe aurais dû être détecté par les valideurs html, non ?
Voici le lien :

http://www.photographiste.net/dcidtest/

Merci d'avance pour votre aide.
17/10/2006, 23h01
Bisûnûrs

Chez moi c'est exactement identique sur Firefox et IE.
18/10/2006, 08h51
trotters213

:salut:
Si tu n'as pas de DOCTYPE ta page n'est pas valide ,ni HTML ni XHTML ;)
19/10/2006, 11h37
damjal

Oh, zut, désolé, j'avais mis en commentaire le doctype pour les tests !!!

Voila je l'ai remis, et maintenant, ça ne va plus sous firefox !!

Désolé pour le contretemps...

http://www.photographiste.net/dcidtest/
19/10/2006, 11h41
trotters213

Je ne vois absolument pas de différence entre IE et FF hormais la barre rose lors du chargement qui apparait sou IE et pas FF mais bon c'est pas primordial qu'en même..
19/10/2006, 12h17
damjal

tu as cliqué sur la pellicule "entrez" ?

je sais aps si ça vient de là (je ne pense pas mais bon) tu fais 2 fois appel à extras-array.js :

Code:

1
2
3
...<script type='text/javascript' src='./js/extras-array.js'></script>
<script type='text/javascript' src="./js/eventrouter.js"></script>
<script type='text/javascript' src='./js/extras-array.js'></script>...

.

PS : plutôt que de faire ça :

Code:

1
2
3
4
5
<div id="b_vert_g_menu">
  <img id="archi_pat" class="photoMenu" src="./img/menu_140/archi_pat.gif" alt="Architecture patrimoine" />
  <img id="pays_nat" class="photoMenu" src="./img/menu_140/pays_nat.gif" alt="Paysage Nature" />
...	
</div>

fais ça :

Code:

1
2
3
4
5
<div id="b_vert_g_menu">
  <img id="archi_pat" src="./img/menu_140/archi_pat.gif" alt="Architecture patrimoine" />
  <img id="pays_nat" src="./img/menu_140/pays_nat.gif" alt="Paysage Nature" />
...	
</div>

et dans ton CSS tu fais

Code:

#b_vert_g_menu img {...}

au lieu de

Code:

.photoMenu {...}

;)

19/10/2006, 14h11
damjal

bé non, ça ne venait pas du double appel du fichier js...

Merci pour le racourci css, en effet c'est mieux !

T'aurais pas une aure idée ?

ha mais firefox me renvoit des erreurs... je vais regarder...
19/10/2006, 14h22
damjal

j'ai deux erreurs qui se répétent autend de fois qu'il y a de photos :

Erreur d'analyse de la valeur pour la propriété "top". Déclaration abandonnée
fichier source : index.php
ligne : 0

puis la même chose pour "left"

Doit y avoir quelque chose qu'il aime pas...
19/10/2006, 14h40
MasterOfChakhaL

pour pouvoir utiliser top et left sur un élément, il faut que celui-ci soit un block et soit positionné (position:relative ou absolute)

pour les img, un petit display:block; ne ferait pas de mal...

Pense à positionner le parent aussi pour que l'origine des coordonnées de tes images( si tu les mets en absolute ) soit le parent et non la fenêtre du navigateur.
Si tu ne veux pas modifier l'emplacement du parent, un simple position:relative (sans définir de coordonnées) suffira a le qualifier comme étant positionné sans modifier son emplacement.