Mise en page délirante sous IE6 (blocs div décalés)

Bonjour à tous,

Je suis en train de faire mon premier site internet.
Il apparaît correctement sur la plupart des navigateurs, mac et PC, sauf sur IE6.

Mon problème est le suivant:
j'ai une div "Contenu". À l'intérieur, il y a deux div, "gauche" et "droite"
A l'intérieur de "droite", il y a div div supposées être des colonnes, "colonne gauche" et colonne droite".
Sauf que sous IE6, ces deux colonnes apparaissent l'une en dessous de l'autre... (testé sous un vrai IE6 installé...)

J'ai une feuille de style spécifique pour IE6, qui semble fonctionner (pour pouvoir trouver d'où vient ce problème, j'ai attribué des backgrounds colorés à mes div et ça marche...)

Toutes mes div ont une hauteur et une largeur.
J'ai des paddings et des margins variables, mais même en mettant tout à zéro, et en attribuant des largeurs bien plus petites, ça ne change rien, un peu comme si les propriétés de tailles dans la css de IE6 n'étaient pas prises en compte.

Est-ce que c'est un problème lié à IE6 ?

Merci d'avance.
A bientôt.

Salut,

Miss Anne a écrit :
Est-ce que c'est un problème lié à IE6 ?

Peut-être.

Au lieu de nous décrire la mise en page ce serait bien plus simple d'avoir un lien vers la page en ligne ou, à défaut, les code html et css permettant de reproduire le problème.

Heyoan a écrit :
[...] ce serait bien plus simple d'avoir un lien vers la page en ligne ou, à défaut, les code html et css permettant de reproduire le problème.

Oui, c’est mieux, un lien vers une page teste, c’est bien aussi, on peu fureter directement dedans.

Miss Anne a écrit :
Bonjour à tous,

Hillo,

Miss Anne a écrit :
Mon problème est le suivant:
j'ai une div "Contenu". À l'intérieur, il y a deux div, "gauche" et "droite"
A l'intérieur de "droite", il y a div div supposées être des colonnes, "colonne gauche" et colonne droite".
Sauf que sous IE6, ces deux colonnes apparaissent l'une en dessous de l'autre... (testé sous un vrai IE6 installé...)

D’accord, tu as deux colonnes : mais de quelle manière sont-elles positionnées ? (il existe plusieurs manières de positionner deux colonnes en CSS).

Miss Anne a écrit :
J'ai une feuille de style spécifique pour IE6, qui semble fonctionner (pour pouvoir trouver d'où vient ce problème, j'ai attribué des backgrounds colorés à mes div et ça marche...)

Ça c’est une bonne méthode

Miss Anne a écrit :
Toutes mes div ont une hauteur et une largeur.
J'ai des paddings et des margins variables, mais même en mettant tout à zéro, et en attribuant des largeurs bien plus petites, ça ne change rien, un peu comme si les propriétés de tailles dans la css de IE6 n'étaient pas prises en compte.

Houlala.... ça sent la flotte, heuu, çe sent le float à plein nez.

Miss Anne a écrit :
Est-ce que c'est un problème lié à IE6 ?

Je crois dirais oui

Pour les floats avec IE6, il y y au moins une bonne dizaine de méthode, alors il faut voir dans ton contexte pour savoir.
Modifié par hibou57 (08 Jul 2010 - 12:26)

bonjour,

piste sur les flottants : 3pixels jog et double margin .

... si float + margin alors pour Ie6 appliqué un dispaly:inline; en plus pour eviter ce double-margin .

par ailleurs si height ou width dans IE6 il faut s'attendre a voir ces valeurs comprisent( ou ses regle se comportant) comme du min-width ou du min-height . overflow:hidden; permet alors de ne plus autoriser IE6 a redimensionné ces conteneurs.

Si le moteur de rendu passe en mode quirk , alors le "modèle de boite" utilisé change aussi ...

sans code ou page en ligne , la source de tes problème nous reste bien mystérieuse.

++

Bonjour à tous,

Merci de vos réponses.
Finalement, je me suis résignée à faire des modifs dans ma feuille css générale, et j'ai réussi à retomber sur mes pieds sans trop de changements...

Néanmoins, je continue à me demander pourquoi ces mêmes modifs, faites dans la feuille spécifique à IE6, ne s'appliquaient pas...

A bientôt, peut-être