2 colonnes en CSS, décalage sous Internet Explorer

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics

Oncle Tom
WRInaute passionné
WRInaute passionné
 
Messages: 812
Inscription: Lun Mar 31, 2003 11:16

2 colonnes en CSS, décalage sous Internet Explorer

Message le Dim Déc 12, 2004 12:02

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 420
Inscription: Mer Juil 21, 2004 14:27

Message le Dim Déc 12, 2004 12:47

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
WRInaute passionné
WRInaute passionné
 
Messages: 812
Inscription: Lun Mar 31, 2003 11:16

Message le Dim Déc 12, 2004 18:12

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 ;)


Formation recommandée sur ce thème :

Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par Julien Coquet, expert certifié officiellement par Google Analytics.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités