High-Tech Santé Médecine Droit-Finances

Bien choisir

son ordinateur portable

Rechercher : dans
Par :

Probleme de CSS sous IE6 et 7: overflow

Dernière réponse le 12 jun 2009 à 10:31:25 mica94, le 10 jun 2009 à 17:07:39 
 Signaler ce message aux modérateurs

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-evolu­tive,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
Configuration: Windows XP
Firefox 3.0.10

Meilleures réponses pour « Probleme de CSS sous IE6 et 7: overflow » dans :
Installer Internet Explorer 7 sur XP SP3 VoirInternet Explorer 7 (IE7) ne s'installe pas quand le Service Pack 3 (SP3) est installé. Il est donc préférable d'installer le SP3 après IE7. Si le SP3 est dejà installé, voici la modification qu'il faut faire: Menu Démarrer > Exécuter >...
Comment ajouter des gadgets à Windows 7 VoirDans Windows 7, la barre latérale qui contenait les gadgets sous Windows Vista a disparu. Cependant, les gadgets, eux, sont bel et bien restés. Il est très simple d'en ajouter des nouveaux. Commencez par effectuer un clic droit sur le bureau, puis...
Windows 7 - Mise à jour / upgrade Voir
Télécharger Drivers Realtek High Definition Audio pour Vista/7 VoirLe pilote Realtek High Definition Audio pour Windows Vista (et Windows 7) est compatible avec les chipsets audio suivants : Realtek ALC260 Realtek ALC262 Realtek ALC267 Realtek ALC268 Realtek ALC269 Realtek ALC272 Realtek ALC273 ...
Télécharger Windows 7 Theme pour Vista Voir
Télécharger Drivers Realtek AC'97 Audio pour Vista/7 VoirLe pilote Realtek AC 97 Audio Codec pour Windows Vista (et Windows 7) fonctionne sur les systèmes Windows Vista 32 et 64 bits. Les chipsets audio supportées sont : Realtek ALC100 Realtek ALC101 Realtek ALC200 Realtek ALC201A Realtek...
Attaques par débordement de tampon (buffer overflow) VoirIntroduction au buffer overflow Les attaques par « débordement de tampon » (en anglais « Buffer overflow », parfois également appelées dépassement de tampon) ont pour principe l'exécution de code arbitraire par un programme en lui envoyant plus de...
Windows 7 - Barre des tâches et menu démarrer VoirLA BARRE DES TACHES ET LE MENU DEMARRER Cet élément clé du Bureau de Windows est situé en bas de l’écran, sur toute sa largeur. C’est l’un des aspects du système qui a le plus évolué entre Windows Vista et Windows 7. Pour commencer, elle est plus...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Posez votre question Répondre

1

ApprendreInformatique, le 10 jun 2009 à 23:25:21

Bonsoir,

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

Bonne soirée Apprendre Informatique - Communauté francophone des informat­iciens en herbe

   
Répondre à ApprendreInformatique

2

mica94, le 11 jun 2009 à 13:23:44

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

   
Répondre à mica94

3

ApprendreInformatique, le 11 jun 2009 à 16:45:53

Je vois ça,

Peux tu mettre la version ou ça fonctionne sous IE et sous firefox même si le texte se juxtapose ? Apprendre Informatique - Communauté francophone des informat­iciens en herbe

   
Répondre à ApprendreInformatique

4

mica94, le 11 jun 2009 à 16:58:37

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

   
Répondre à mica94

5

ApprendreInformatique, le 11 jun 2009 à 17:31:47

<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 Apprendre Informatique - Communauté francophone des informaticiens en herbe

   
Répondre à ApprendreInformatique

6

mica94, le 11 jun 2009 à 17:35:52

ç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

   
Répondre à mica94

7

ApprendreInformatique, le 11 jun 2009 à 17:40:00

Oui j'ai vu ça,

Essaye d'ailleurs peut être de changer le doctotype et de le mettre en Strict Apprendre Informatique - Communauté francophone des informat­iciens en herbe

   
Répondre à ApprendreInformatique

8

mica94, le 11 jun 2009 à 17:43:10

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)

   
Répondre à mica94

9

ApprendreInformatique, le 11 jun 2009 à 18:12:43

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 ?
Apprendre Informatique - Communauté francophone des informaticiens en herbe

   
Répondre à ApprendreInformatique

10

mica94, le 12 jun 2009 à 00:04:13

C'est un collegue qui gere la validation.

Mais quel est le but de changement de doctype ?

   
Répondre à mica94

11

ApprendreInformatique, le 12 jun 2009 à 09:13:03

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 Apprendre Informatique - Communauté francophone des informat­iciens en herbe

   
Répondre à ApprendreInformatique

12

 pazz, le 12 jun 2009 à 10:31:25

C'est overflow:scroll; pour le scrolling ...

pazz

   
Répondre à pazz
Posez votre question Répondre
Ils ont besoin de votre aide