Probleme de CSS sous IE6 et 7: overflow

Fermé
mica94 - 10 juin 2009 à 17:07
 pazz - 12 juin 2009 à 10:31
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
<div id="col-left">

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
A voir également:

12 réponses

Profil bloqué
10 juin 2009 à 23:25
Bonsoir,

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

Bonne soirée
0
mica94 Messages postés 37 Date d'inscription mardi 3 mai 2005 Statut Membre Dernière intervention 22 novembre 2012
11 juin 2009 à 13:23
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 <div> 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
0
Profil bloqué
11 juin 2009 à 16:45
Je vois ça,

Peux tu mettre la version ou ça fonctionne sous IE et sous firefox même si le texte se juxtapose ?
0
mica94 Messages postés 37 Date d'inscription mardi 3 mai 2005 Statut Membre Dernière intervention 22 novembre 2012
11 juin 2009 à 16:58
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Profil bloqué
11 juin 2009 à 17:31
<div id="col-center">
<div id="search">
<div id="search_top"></div>
<div id="search_body">


ç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
0
mica94 Messages postés 37 Date d'inscription mardi 3 mai 2005 Statut Membre Dernière intervention 22 novembre 2012
11 juin 2009 à 17:35
ç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
0
Profil bloqué
11 juin 2009 à 17:40
Oui j'ai vu ça,

Essaye d'ailleurs peut être de changer le doctotype et de le mettre en Strict
0
mica94 Messages postés 37 Date d'inscription mardi 3 mai 2005 Statut Membre Dernière intervention 22 novembre 2012
11 juin 2009 à 17:43
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)
0
Profil bloqué
11 juin 2009 à 18:12
Tout en haut de ta page remplace :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">



par

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">


Je ne pense pas que ça va changer grand chose mais tu peux toujours essayer.

QUi gère la validation alors ?
0
C'est un collegue qui gere la validation.

Mais quel est le but de changement de doctype ?
0
Profil bloqué
12 juin 2009 à 09:13
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
0
c'est overflow:scroll; pour le scrolling ...

pazz
0