2 colonnes en CSS, décalage sous Internet Explorer

[Oncle Tom]

Bonjour,

je m'en remets ici car j'ai beau galérer et chercher à résoudre mon soucis je ne m'en sors pas.
Je suis en train de créer un site (histoire de changer) en utilisant une présentation verticale colonne/contenu. Sous Mozilla/firefox aucun problème. En revanche sous IE ... pff la misère.

En fait dès que j'utilise le moindre "clear:left/right/both", tout le contenu qui suit se place (en hauteur) au niveau de la fin du menu de gauche. Idem quand j'ajoute un tableau, idem avec certaines images (pas toutes).

Du coup ça m'arrange pas du tout pour avoir une présentation propre et valide.
Voici une url sujette à problème (tableaux) :
-http://www.art-hono.org/cours-enfants.html

Voici une url sujette à problème (image) :
-http://www.art-hono.org/comment-venir.html

Puis la feuille de style :
-http://www.art-hono.org/images/site/style.css

Un grand merci pour tout élément de réponse pouvant m'aider

 

[mamijo]

Rapidement (mes goinfres attendent le repas du dimanche...) je dirais que c'est le propre du "clear" de déclencher ça : en général si tu a un bloc A centré un bloac B float gauche un bloc C avec un clear va se mettre à la hauteur du plus grand (voir http://openweb.eu.org/articles/initiation_float/ )

Etonnée du résultat sous firefox/mozilla j'ai vite regardé le source et il me semble que le clear ne devrait pas être dans le bloc float !

Tu peux aussi regarder les ressources données ici : http://pompage.net/

Maintenant n'oublies pas de tester aussi IE sous Mac (j'aurais du temps ce soir aprés 20 h et j'ai aussi un Mac) En général c'est "bizarre" avec les float (telleemnt que l'ai laissé tomber les float et je n'utilse plus que les position...) A+

 

[Oncle Tom]

C'était une bonne piste : ma colonne de gauche qui était en float:left, je l'ai transformée en position:absolute;top:0;left:0; et maintenant je n'ai plus le problème de décalage sous Internet Explorer !

maintenant dans mon contenu je peux utiliser des clear: je suis ravi !

Merci mamie et la bise aux enfants