28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis en train reprendre l'ensemble de mon site afin de corriger les différences d'affichage entre navigateur.
J'ai corrigé pas mal de chose, mais la je bloque Smiley decu

C'est plus facile à expliquer visuellement, donc j'ai mis en ligne un fichier test.htm et un style-test.css à la racine de mon site.

1 ) Je ne comprends pas pourquoi la balise h1 et la balise div id "centre-titre" sont en décalage sous FF, Opera et netscape et correctement positionné sous IE.

2 ) Je ne comprends pas pourquoi la balise div id "pied" est déclé vers le bas sous netscape et pas sous opera, FF et IE.

Merci pour votre aide Smiley biggrin
Bonjour et bienvenue sur Alsacréations alfouine, Smiley smile

a écrit :
Je suis en train reprendre l'ensemble de mon site


L'idéal serait de nous donner l'adresse dudit site Smiley cligne
Bonjour,

Après avoir isolé le problème de l'ensemble du code, j'ai fouillé dans le forum et j'ai trouvé sur le post suivant "Décalage d'<input> à cause d'un float:left " un lien de florent V. (que je remercie au passage) qui m'a amené sur l'excellentissime document suivant : http://www.test.blog-and-blues.org/haslayout/trad_temp.html
Après avoir lu ce document, je me suis dit que mon problème venait de là.
J'ai mis le problème en ligne sur http://www.lemoulinduport.com/test4.htm.
IE et Firefox se comporte différemment.
Si vous mettez en commentaire les attributs width et height de la balise centre-titre, ce qui revient à supprimer le layout, IE et Firefox se comporte de la même manière.
CQFD
Merci,
Modifié par alfouine (01 Feb 2007 - 17:46)