Bonjour tout le monde, C'est de Berlin en Allemagne que je vous écris pour la première fois depuis que je me suis inscrit à cette intéressante newsletter de w3québec. Je ne sais pas si la question que je vous soumets aujourd'hui a sa place ici, mais avant d'aller me perdre sur le net je tente tout de même ma chance :)) Voilà, je suis webmaster d'une association germano-yougoslave et je voudrais refaire son site à la programmation qui date un peu pour le convertir en XHTML 1.0 Transitional, parce-que depuis des mois je me perfectionne en CSS sur le net et la question des standards et de l'accessibilité m'intéressent énormément. Pour passer au XHTML, j’ai décidé d'utiliser le code HMTL+CSS du gabarit modèle "4zones_scroll" d'Alsacréations, puisqu'il convient très bien au design du site original (www.suedost-ev.de). Mais alors que tout se passait à la perfection, me voici arrivé à la première grosse difficulté à propos du background-image du div central, où un résultat sur MIE6 ne marche pas sur Mozilla/Firefox et vice-versa. En gros, le body * {
padding: 0;
margin: 0;
} + html {overflow:hidden;}
+ body { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; background-color: #ffffff; } est composé d'un #conteneur { left: 50%; margin-left: -395px; width: 800px; position: absolute;
} qui contient lui-même un #header en haut, un #menuh à gauche, un #footer en bas, ainsi qu'un div central #frame destiné à recueillir les infos autres que les menus et logos et le seul à pouvoir être scrollé : #frame {
margin-left: 115px; overflow: auto; width: auto; height: 390px; background-color: #ffffcc;
} Tout se passe donc dans le #frame, où j'ai rajouté un p {text-align:left; margin-left:300px; } pour que le texte scrolle à droite et laisse de la place à gauche pour une image sur chaque page. Dans le #frame, j’ai rajouté en  {top: 253px;left: 100px;background-image:url(...);background-repeat: no-repeat;background-position:8% 101%;background-attachment:fixed;}, pour que le background-image du #frame reste fixe et ne soit pas scrollé en même temps que le texte en p à droite. Ceci fonctionne parfaitement sur MIE …mais pas sur Firefox, et je ne comprends pas pourquoi ?!! J’ai trifouillé le code et suis arrivé à trouver quelque chose qui fonctionnait sur Firefox : plus de background-attachment:fixed; oui, bizarement ça marchait sur Firefox (!) ...mais pas sur MIE, où l'image se retrouvait tout en bas de la page en fin de scroll !!! …Je cherche et cherche, mais ne trouve pas la clé du problème, le pourquoi du comment ainsi qu’une possible solution …Quelqu’un parmi vous pourrait-il éclairer ma lanterne ?! Merci d’avance, Florent ---
avast! Antivirus: message Sortant propre.
Base de donnÚes des virus (VPS): 0528-5, 15.07.2005
Test du: 16.07.2005 22:45:48
avast! - copyright (c) 1988-2004 ALWIL Software.
http://www.avast.com -------------- section suivante --------------
Une pièce jointe HTML a été enlevée...
URL: http://listserver.dreamhost.com/pipermail/public-w3qc.org/attachments/20050716/79865960/attachment.html