Bonjour,
Je débute en prog css et je remercie les auteurs (l'auteur ?) du site pour toutes les précieuses informations qui m'ont permis de me familiariser avec toutes les subtilités des css
Je ne peux malheureusement pas donner l'adresse du site (pour une association) que je restructure actuellement parce que je le développe en local... mais je vais essayer d'exposer clairement mon souci.
Les pages du site sont de la forme "header/menugauche/contenu/footer" ou "header/menugauche/contenu/menudroit/footer" pour reprendre les termes des gabarits présentés ici. Néanmoins, je ne peux utiliser la solution préconisée dans ces sources et dans le tutoriel sur "des blocs de même hauteur sans tableau" : 1. parce que sur la forme "menugauche/contenu", dans mon cas, c soit le menugauche soit le contenu qui est "à étirer", suivant les pages du site... 2. parce que sur la forme "menugauche/contenu/menudroit" les menus gauche et droit n'ont pas les mêmes couleurs de fond...
donc je me suis reportée au lien présentée à la fin du tutoriel soit : http://www.pixy.cz/blogg/clanky/css-3col-layout/
J'ai appliqué cette méthode (qui présente tout de même l'inconvénient de l'image "ligne" répétée, et donc un changement de couleur plus compliqué lors des modifs du "contenant" du site, mais...)
J'en arrive (enfin, lol) à ma question :
comme on le voit directement sur ce lien, il y a un décalage du texte inclus dans le centre jaune à partir de la fin du texte (donc du vrai bloc) de la colonne de gauche rouge, et cela sous ie6. Sous netscape 7 par ex., ce n'est pas le cas. Cela se voit peut-être mal "à l'oeil nu" sur cette page mais très bien lorsque l'on joue sur les longueurs de gauche avec un texte plus long au centre : celui-ci bouge...
J'ai testé "en profondeur" sur mon site, et je n'arrive pas à résoudre le pb : dès qu'il y a du texte dans la colonne de gauche (sans padding, sans margin, etc etc...) ie6 décale légèrement le texte du centre, jusqu'à ce qu'il n'y ait plus de texte à gauche (fin du bloc, avant étirement).
Je ne trouve pas de solution, alors je fais appel aux experts qui auront eu le courage de me lire jusqu'ici : je subodore un "dysfonctionnement" d'ie6 par rapport aux normes, peut-être plus général que sur cette application, mais je n'arrive pas à l'identifier...
Une idée ?
Merci...
Mahaut
Modifié par mahaut (25 Apr 2005 - 05:47)
Je débute en prog css et je remercie les auteurs (l'auteur ?) du site pour toutes les précieuses informations qui m'ont permis de me familiariser avec toutes les subtilités des css
Je ne peux malheureusement pas donner l'adresse du site (pour une association) que je restructure actuellement parce que je le développe en local... mais je vais essayer d'exposer clairement mon souci.
Les pages du site sont de la forme "header/menugauche/contenu/footer" ou "header/menugauche/contenu/menudroit/footer" pour reprendre les termes des gabarits présentés ici. Néanmoins, je ne peux utiliser la solution préconisée dans ces sources et dans le tutoriel sur "des blocs de même hauteur sans tableau" : 1. parce que sur la forme "menugauche/contenu", dans mon cas, c soit le menugauche soit le contenu qui est "à étirer", suivant les pages du site... 2. parce que sur la forme "menugauche/contenu/menudroit" les menus gauche et droit n'ont pas les mêmes couleurs de fond...
donc je me suis reportée au lien présentée à la fin du tutoriel soit : http://www.pixy.cz/blogg/clanky/css-3col-layout/
J'ai appliqué cette méthode (qui présente tout de même l'inconvénient de l'image "ligne" répétée, et donc un changement de couleur plus compliqué lors des modifs du "contenant" du site, mais...)
J'en arrive (enfin, lol) à ma question :
comme on le voit directement sur ce lien, il y a un décalage du texte inclus dans le centre jaune à partir de la fin du texte (donc du vrai bloc) de la colonne de gauche rouge, et cela sous ie6. Sous netscape 7 par ex., ce n'est pas le cas. Cela se voit peut-être mal "à l'oeil nu" sur cette page mais très bien lorsque l'on joue sur les longueurs de gauche avec un texte plus long au centre : celui-ci bouge...
J'ai testé "en profondeur" sur mon site, et je n'arrive pas à résoudre le pb : dès qu'il y a du texte dans la colonne de gauche (sans padding, sans margin, etc etc...) ie6 décale légèrement le texte du centre, jusqu'à ce qu'il n'y ait plus de texte à gauche (fin du bloc, avant étirement).
Je ne trouve pas de solution, alors je fais appel aux experts qui auront eu le courage de me lire jusqu'ici : je subodore un "dysfonctionnement" d'ie6 par rapport aux normes, peut-être plus général que sur cette application, mais je n'arrive pas à l'identifier...
Une idée ?
Merci...
Mahaut
Modifié par mahaut (25 Apr 2005 - 05:47)