[Résolu] Problème de dimensions zone de titre IE/Firefox

Bonjour,

Je souhaite tout d'abod féliciter les auteurs d'alsacréation et les gens qui participent à la vie de ce site!
J'ai pu trouver plein d'informations intéressantes et je vous en remecie vivement.

Je souhaiterais également vous soumettre un problème:
je réalise actuellement un site web pour mon oncle (producteur de vin)
vous pouvez d'ailleurs aller y jeter un coup d'oeil ce qui me permettra d'illustrer mon poblème:
http://vins.juillard.free.fr/index.html

J'ai utilisé KompoZer pour créer ce site.
Il est constitué de plusieurs éléments imbriqués les uns dans les autres:
un "body" contenant:
un élément "div" "conteneur" contenant:
un élément "div" "entete"
une liste "ul" "menu"
un élément "div" "contenu"
etc...


- Lorsqu'il est visité avec Firefox, tout se déroule selon mes souhaits:
l'image d'en-tête remplit bien l'élément div "entete": 770px x 193px
En tout cas, la couleur beutée (#e2daff) de l'élément div "conteneur" n'apparaît nulle part.
- Lorsqu'il est visité avec Intenet Explorer 6, une étroite bande bleutée apparaît entre l'en-tête et le menu horizontal, ce que je ne souhaite pas.

Les dimensions de l'image de l'en-tête sont 770px x 193px.
L'élément div "entete" fait:
- 100% de la largeur du conteneur qui fait elle-même 770px (width=100%).
- 193px de hauteur (height=193px).

Et pourtant, avec IE 6 il y a quelque chose qui cloche car cette étroite bande bleutée apparaît...
J'ai pu vérfier que c'est bien l'élément div "entete" qui est en cause car j'ai changé sa couleur de fond de transparent à vert, et la bande bleutée est devenue verte sous IE...

Quelqu'un saurait-il me renseigner sur l'origine de cette bande et comment m'en débarasser?

Je vous remercie par avance pour toutes vos suggestions!

Yohplala
Modifié par yohplala (25 Feb 2007 - 19:17)

Bonjour,

Je pense que c'est un problème de fusion de marges sous IE, une solution serait de donner la prropriété overflow: hidden; à ton entête.

Bonjour & bienvenue

Est-ce que ce point de la FAQ répond à la question ?

Deux trois remarques en passant :

+ Qu'as-tu fait au code source de cette page ? C'est ton logiciel d'édition qui sort cette bouillie illisible ?

+ La structure de la page n'est pas bien définie : il n'y a pas de titre . La bannière pourrait pourtant faire office de titre de la page ...

<h1><img src="banniere.jpg" alt="Vins Juillard" /></h1>

+ Le texte alternatif de la balise <img /> doit fournir une indication en cas d'indisponibilité de l'image. Indiquer que c'est une bannière n'est pas très utile

Pssst, on écrit "Accueil", pas "Acceuil"

Je vous remercie pour vos réponses et remarques si rapides!
J'en suis tout décoiffé!

J'ai appliqué la solution intermédiaire proposée dans la FAQ que m'a suggérée Thomas D., et ça marche, comme vous pouvez le constater par vous-mêmes!
(line-height=1px, font-size=1px)

J'ai également suivi tes autres conseils (titre de l'image) et j'ai un peu nettoyé le code source de mes pages avec Tidy au cas ou...

Je vous remercie encore!
Modifié par yohplala (25 Feb 2007 - 19:14)