2 colonnes en CSS, décalage sous Internet Explorer
3 messages • Page 1 sur 1
Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics
2 colonnes en CSS, décalage sous Internet Explorer
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
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
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+
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+
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
Merci mamie et la bise aux enfants
3 messages • Page 1 sur 1
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 :
- Google crawle les fichiers CSS
- Yahoo Site Explorer en français
- Afficher le PageRank en entier dans Firefox (barre d'outils Google)
- Nouvelle version de Yahoo Site Explorer (août 2008)
- Trouver son checksum Google avec la toolbar (barre d'outils)
- Trouver son PageRank sans la toolbar
- Connaitre son PageRank sans la Google Toolbar...
- Outil de référencement SEO Playground Tool
- Search Engine Strategies - Londres
- Google Dance : mise à jour du PageRank
- [Résolu] CSS foireux Internet Explorer
- pbm css entre internet explorer et firefox
- Bière sur Paypal: pb css star rater et bug internet explorer
- 3 colonnes en CSS
- colonnes CSS
- css 3 colonnes position absolute
- Présentation à 2 colonnes Full CSS
- affichage text en css sur plusieurs colonnes
- [CSS] Justifier verticalement du texte dans 2 colonnes
- Internet explorer 7
Consultez la description détaillée des produits ou services de Google suivants : Google Notebook
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités



le forum