Bonjour à vous,
Je suis en train de me faire un site et j'ai un petit souci au niveau de mon fond sous ie7. Je m'explique.
J'ai donné à mon site une dimension précise avec un fond non uni dans mon div "contenu" que je voudrais garder au même endroit, même s'il y a une scrollbar.
Sous ie6, il y a une fonction qui va dans ce sens :
Code :
- div#contenu {
- height: 500px;
- overflow: auto;
- background: url(../images/content.jpg) no-repeat;
- background-attachment: fixed; <- c'est cette fonction
- text-align: justify;
- }
|
Comme ça ne marchait pas sous firefox&cie, j'ai fait un deuxième css avec ce code :
Code :
- div#contenu {
- height: 500px;
- overflow: auto;
- background: transparent url(../images/content.jpg) no-repeat scroll 0%;
- text-align: justify;
- }
|
avec dans chaque page HTML un commentaire du genre
Code :
- <!--[if IE]>
- <link href="css/style-ie.css" rel="stylesheet" type="text/css" />
- <![endif]-->
|
Seulement voilà, ça pose un problème ça aussi, sinon ça serait pas marrant. 
Mon "style-ie.css" ne marchait pas sur ie7 (l'image était toujours alignée en haut à gauche de la fenêtre, et non du div contenu), et je me suis rendu compte que ie7 prenait mieux le css que j'avais fait pour firefox.
J'ai donc changé mon commentaire en <!--[if IE6]> et là, le seul souci sous ie7, c'est que l'image est comme il faut en largeur mais elle est centrée en hauteur, et non fixe (il faut donc que j'arrive au milieu de mon scroll pour avoir l'image comme il faut). C'est un peu mieux mais le souci, c'est que du coup, ça le fait aussi sous ie6... 
Pour résumer :
- soit j'ai un style pour ie et un pour les autres, mais du coup ça ne marche pas sous ie7 qui me met l'image en haut à gauche;
- soit j'ai un style pour ie6, et l'image dans les 2 versions d'ie est centrée verticalement.
Une idée de comment résoudre ça ?
Merci 
P.S.: si y'a un truc qui n'est pas très clair pour vous, n'hésitez pas à me le dire =)
Message édité par mrplop le 05-02-2008 à 14:33:23
