Probleme de CSS sous IE6 et 7: overflow Fermé

Question

Bonjour, J'ai un souci de compatibilité de CSS entre Firefox, IE6 et IE7. Voici la page de mon site qui pose un probleme: http://www.maison-de-retraite-alzheimer.fr/une-maladie-evolutive,r5.html J'ai à gauche de la page un

Sous firefox, le css est fait de telle manière qu'un overflow apparait pour le texte à gauche de la page. Sous IE6 et IE7, le scroller n'apparait pas, et le texte s'affiche en entier. J'ai tenté plusieurs choses: padding, margin, avec crack, sans crack, et sans résultat. J'ai ensuite opté pour les commentaires conditionnels(solution active actuellement), afin de garder ma version Firefox Clean. Donc aujourd'hui j'utilise une feuille de style pour Firefox avec #col-left{overflow:visible; overflow-x:hidden;height:600px;}, et une autre feuille de style pour IE avec #col-left{overflow:auto;} J'avais tout d'abord laissé le height pour IE, mais alors si l'overflow apparaissait bien, le texte continuait en dessous et se juxtaposait au footer!!! Maintenant j'ai enlevé le Height pour IE et je n'ai donc plus d'overflow... Et je suis bien embêté ! Donc si vous avez une idée, je suis preneur ! Merci Mica

ApprendreInformatique · Answer

Bonsoir,

Essaye de définir une largeur, une hauteur et de mettre la propriété overflow en auto 

Bonne soirée

mica94 · Answer

merci pour ta reponse. La largeur etait deja definie(je ne l'ai pas mise dans mon post pour que ça reste concis) Mais comme je l'ai expliqué, lorsque je laisse le Height, le scroller apparait bien, mais alors le texte "deborde" vers le bas et se juxtapose au

situé en dessous. En le fait d'utiliser le scroller ne fait pas defiler le texte. Donc retour à la case depart... J'ai remis cette version en ligne si tu veux y jeter un oeil sous IE pour te faire une idée précise du probleme. Merci

ApprendreInformatique · Answer

Je vois ça, 

Peux tu mettre la version ou ça fonctionne sous IE et sous firefox même si le texte se juxtapose ?

mica94 · Answer

c'est fait.
Attention, ça ne fonctionne pas. Le scroller est visible, mais il n'y a pas de defilement, le texte apparait en entier(d'ou la juxtaposition).

Merci

ApprendreInformatique · Answer

ça fait un peu beaucoup, il doit y avoir un conflit sur ces balises, Internet Explorer ne changera pas du jour au lendemain ^^ a chaque fois qu'il y a las possibilité d'un conflit, Il est la pour en profiter... Je te conseil d'essayer d'enlever une balises à la fois afin de voir ce que ça rend

mica94 · Answer

ça va etre compliqué, le site a été validé w3c, si je commence a trifouiller les balises ça va mettre la pagaille...
Bon, mais je retiens la suggestion.

Merci

ApprendreInformatique · Answer

Oui j'ai vu ça,

Essaye d'ailleurs peut être de changer le doctotype et de le mettre en Strict

mica94 · Answer

en quoi cela consiste ? je n'y connais rien en doctype(ce n'est pas moi qui m'occupe de la validation w3c, je n'ai que quelques notions)

ApprendreInformatique · Answer

Tout en haut de ta page remplace : par Je ne pense pas que ça va changer grand chose mais tu peux toujours essayer. QUi gère la validation alors ?

mica94 · Answer

C'est un collegue qui gere la validation.

Mais quel est le but de changement de doctype ?

ApprendreInformatique · Answer

Bonjour,

Ca peux éventuellement changer l'interprétation, je pense pas que ça va changer grand chose mais étant données qu'il n'y à pas de fautes de balises, ça serai bien d'essayer.

Bonne journée

pazz · Answer

c'est overflow:scroll; pour le scrolling ...

pazz

Probleme de CSS sous IE6 et 7: overflow

12 réponses

Discussions similaires