[Résolu] Décalage div dans Internet explorer 6

Bonjour,
J'ai un problème avec internet explorer 6. Sur quelques pages, la div « contenant » empiète légèrement sur le menu. Mais malgré mes nombreuses recherches, je n'arrive pas à résoudre la problématique

L'adresse des trois pages :


http://chezvictor.fr/coeur_pays_vert_bleu/pecherie.php
http://chezvictor.fr/bonheur_ds_pre/reves_jardin.php
http://chezvictor.fr/emotions_artistiques/dom_robert_flute_enchantee.php


le codes de la feuille de style de I E :

#conteneur {
	height: 100%;
	}
#contenant {
	display: inline;
	}
a, pre {
	position: relative;
	}
body {
	position: relative;
	}

Merci pour votre future aide
Modifié par TOUBOUS (11 Jun 2007 - 23:59)

Bonjour aussi...

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

De plus, ton URL ne fonctionne malheureusement pas, tu l'as rédigée sans tenir compte des explications données dans l'Aide du forum et dans la FAQ

Bonne continuation


Modifié par Mikachu (11 Jun 2007 - 17:18)

Désolé, erreur réparée

Bonjour,

Tu as probablement un élément trop large dans ton contenu, et IE, au lieu de laisser cet élément dépasser, agrandit div#contenant.

Attention, cet élément ne dépasse pas forcément, mais entre la largeur de l'élément, les marges de l'élément, les padding de div#contenant... eh bien, ça peut faire plus large au final que l'espace disponible.

Je soupçonne fortement tes images qui servent à faire des séparations invisibles.

Essaye également de donner un overflow: hidden à div#contenant, pour voir.

Avec "overflow: hidden;", la div "conteneur" ne dépasse plus dans IE 6.
En effet la classe "bande" y était pour beaucoup (mais pas seulement car la page "flute_enchantee" n'en possédait plus). J' ai définit le width en valeur relative
Merci beaucoup pour l'aide