[Résolu] Différence d'affichage IE/FF

Bonjour,

Je suis embêté par un détail à l'affichage du site http://www.apada.info/test/.
Chaque entrée du "blog" est séparée des autres par une hr habillée.

Sous IE pas de problème. Sous FF, le premier pavé est séparé du suivant par un espace important et assez inesthétique. Je l'ai tourné dans tous les sens, je ne vois pas.

Pouvez-vous essayer de m'aider. (Validateur W3C et CSS passés avec succès).

Merci par avance
Modifié par papyjo (07 May 2005 - 21:55)

Bonjour,
Je ne vois pas la justification du div autour de ton hr. A mon avis c'est une première source de bug. Tu peux très bien appliquer une classe à ton hr.
Ce que tu peux essayer c'est de définir des marges hautes et bassesnulles pour ton hr et aussi de redéfinir les marges basses de tes paragraphes.
IlSandor.

Merci de ta réponse ilsandor.

J'ai essayé ta suggestion et c'est toujours pareil.
Pour ce qui est du codage particulier du HR, je tiens ce hack du site http://www.sovavsiti.cz/css/hr.html qui semble faire référence. Ce hack permet de rendre compatible le rendu dans FF et IE mais également pour les navigateurs sans support des css.

Merci encore de ta réponse.

Je ne sai spas m'ais je n'ai jamais eu besoin du moindre hack pour les hr ...
IlSandor.

Bonsoir,

Le pb est résolu. En fait la définition de la div container du hr :

div.hr {
clear:both;
height:15px;
margin:0 0 10px;
padding:0 0 10px;
background:#d8f1a7 url(images/bar.gif) no-repeat 50% 100%;

devient

div.hr {
height:15px;
margin:0 0 10px;
padding:0 0 10px;
background:#d8f1a7 url(images/bar.gif) no-repeat 50% 100%;

et tout est pareil.

Merci de votre aide