[Résolu] Une div qui déborde dans IE 6 : quel casse-pieds !

Bonjour à toutes et à tous
c'est encore moi pour un problème. Désolé.

Alors que dans FF 2, Opera 9, IE 7 le rendu de ma page d'accueil est identique, j'ai eu la mauvaise idée d'aller voir sous IE 6 comment elle était produite.
Et bien sûr ça ne colle pas.

Une partie de la colonne de gauche déborde.

Sous IE 7 c'est bon :
http://img413.imageshack.us/img413/1871/hcie7tf7.th.png

Sous IE 6 (et de manière très erratique) la colonne glisse par dessus le pied de page.
http://img75.imageshack.us/img75/9107/hcie6ki1.th.png
C'est infernal ! Je viens de passer 2 heures à essayer de comprendre l'origine du problème et je ne comprends toujours pas.

l'url c'est http://nomasis.com

Dois je donner une partie du code ou est-ce suffisant ?
Merci de votre aide.
Modifié par Sventovit (03 Feb 2007 - 11:03)

Hello
j'ai fait une image de la structure :



J'espère qu'elle pourra vous aider à m'aider.

Bonne journée
Sven

EDIT : rajout du lien vers la CSS
http://nomasis.com/style.css
Modifié par Sventovit (02 Feb 2007 - 09:44)

Face à l'adversité je refais tout.
Vous cassez pas les pieds à votre tour.

j'ai refait le template de la page d'accueil de A à Z...
j'ai lu et relu la FAQ et les liens pour aller plus loin...
j'ai appliqué les trucs pour empêcher cette Div de déborder...
tout cela sans résultat dans IE6
ça coince toujours !


EDIT : je pige rien ; un ami avec le même IE 6 me dit qu'il n'y a pas de débordement. Même si on réduit la fenêtre la colonne gauche ne déborde pas.
Si quelqu'un passe par là et fais l'effort d'empoigner IE 6 pour aller sur la page et me dire de son côté s'il observe ce débordement depuis son navigateur, ce serait sympa.
l'URI : http://nomasis.com

Merci d'avance
Modifié par Sventovit (03 Feb 2007 - 11:07)

ah ! voilà un lien intéressant pour voir son site sous l'angle d'autres navigateurs :

http://www.browsercam.com/default.aspx

tout le monde connaît ? très bien : moi je viens de le découvrir

Pas vu de bug avec IE6 pour ma part.

Sinon, toujours pas fan des titres de section et des contenus alternatifs pour les images ?

Hello Florent

Florent V. a écrit :
Pas vu de bug avec IE6 pour ma part.

voui... c'est moi qui m'était mélangé les pinceaux.

Florent V. a écrit :

Sinon, toujours pas fan des titres de section et des contenus alternatifs pour les images ?

contenus alternatifs pour les images ?
Comment ça ? Où ça ? Quoi ça ?
C'est la balise alt non ? J'en ai oublié ?

titres de section ?
ce sont des id sur les divs ?
si c'est ça, ben il n'y en a pas ça sert à quoi ?

Sventovit a écrit :
contenus alternatifs pour les images ?
Comment ça ? Où ça ? Quoi ça ?
C'est la balise alt non ? J'en ai oublié ?

Je ne sais pas si tu as oublié des attributs alt sur tes images... mais tu as « oublié » de mettre certaines images dans le contenu du document. Par exemple, l'image du bandeau d'en-tête est une image de fond, c'est à dire une image purement décorative. Donc, si on suit cette logique, on pourrait très bien la supprimer sans perdre d'information ?

Si c'est une image qui porte une information (à vue de nez, le texte « Nomasis - Yvelines Nord »), elle devrait être, autant que possible, dans le contenu du document, sous la forme <img alt="Nomasis-Yvelines Nord" />, non ?

Sventovit a écrit :
titres de section ?
ce sont des id sur les divs ?

Houlà, c'est pas gagné...

Les titres de section sont les éléments h1, h2, ..., h6. Ils servent à structurer l'information, et sont très pratiques pour accéder rapidement aux informations via un lecteur d'écran, ou tout simplement pour comprendre quelque chose à une page si on désactive les feuilles de style.

c'est pas gagné comme tu dis Florent

des h1, des h2 j'en ai... ailleurs (je crois que j'ai des h3 même)
mais la page d'accueil n'en a pas.

L'histoire du header en fond je suis d'accord à 100 %.
C'est un réflexe dont il faudra que je me débarrasse.