Hauteur div différente entre IE et FF

Bonjour,

Je vais vraiment peter un cable cette fois, après avoir découpé un PSD et créé les différentes images à aligner verticalement, je trouve que les hauteurs & espacement des divs ne correspondent pas à celle définies dans le PSD qd c visualisé sur IE (sous FF tout est nicke) pourtant je ne pense pas avoir utilisé des propriétés non standards.

J'ai mis la page en ligne: http://www.soundlabz.com/old/test.htm
pour que vous puissiez voir la différence.
Sous le meme dossier il y a a.jpg b.jpg & c.jpg (le CSS inclu ds le htm)

La page contient l'image a, suivi d'un espace de 3px (noir), puis de deux images b et c puis d'un espace de 8px (noir)

L'espace de 3px entre les deux div s'affiche correctement sous FF, alors que sous IE j'ai l'impression que c'est le double qui est rendu.

J'ai même repris l'exemple http://css.alsacreations.com/xmedia/exemples/tutocss/tuto.htm et changé uniquement les dimension des image des classes header1 et header2 utilisé dans l'exemple pour les adapter aux miennes, et nada. pareil.

Merci pour votre aide si précieuse.

Salut, j'connais pas grand choses en CSS, mais je pense que ton problême vient du fait que IE n'à pas évoluer depuis 1999, on en parle ici, faut surment "l'assister" afin de lui expliquer comment afficher correctement ton graphisme, bon courage !

Bonjour hatembr,
C'est un problème connu sous IE. Il fabrique des "div" de hauteur minimum de 20px. ("height: 6px;" aura une hauteur de 20px).
Une solution est d'ajouter "font-size: 0;"dans tous les "block" de hauteur inférieure à 20px (fonctionne pour toutes les versions d'IE) .

Salut!

Merci pour votre aide à tous les deux. Je ne savais pas pour ce problème de IE, et franchement je ne l'aurais jamais deviné tout seul.

Y-a-t il un site ou un article sur Alsa qui énumère les différentes conneries de IE ? Je me demande si tout cela va être corrigé avec la version 7 ....