Pb d'affichage de Background avec IE
Outofspace
-
Outofspace -
Outofspace -
Bonjour,
comme le titre l'indique je rencontre un problème avec un background que j'ai inclu dans une balise div ;
Je souhaiterais avoir un résultat permettant de descendre la scrollbar pour faire défiler le texte, sans que le background de cette div ne défile en même temps.
Sous Firefox cela fonctionne sans problème mais il y'a un pb avec IE ;
Voici comment cela apparait :
http://www.imagup.com/data/1119946403.html
j'ai volontairement mis la couleur du fond en orange, pour montrer qu'elle apparait dessous l'image du background (chose que j'aimerais éviter donc).
Voici mon code CSS
div#content {
margin:0 0 0 0px;
background: orange;
background-image:url("../images/content.jpg");
background-repeat : no-repeat ;
width: 844px;
overflow:auto;
height:550px;
float:right;
font-family: Arial, Verdana, serif;
font-size: 90%;
}
Pour info j'ai essayé de mettre un background-attachment:fixed mais cela fixe mon image dans tout le body et non dans ma div.
Si vous avez une idée du pb je suis preneur !
Merci
comme le titre l'indique je rencontre un problème avec un background que j'ai inclu dans une balise div ;
Je souhaiterais avoir un résultat permettant de descendre la scrollbar pour faire défiler le texte, sans que le background de cette div ne défile en même temps.
Sous Firefox cela fonctionne sans problème mais il y'a un pb avec IE ;
Voici comment cela apparait :
http://www.imagup.com/data/1119946403.html
j'ai volontairement mis la couleur du fond en orange, pour montrer qu'elle apparait dessous l'image du background (chose que j'aimerais éviter donc).
Voici mon code CSS
div#content {
margin:0 0 0 0px;
background: orange;
background-image:url("../images/content.jpg");
background-repeat : no-repeat ;
width: 844px;
overflow:auto;
height:550px;
float:right;
font-family: Arial, Verdana, serif;
font-size: 90%;
}
Pour info j'ai essayé de mettre un background-attachment:fixed mais cela fixe mon image dans tout le body et non dans ma div.
Si vous avez une idée du pb je suis preneur !
Merci
3 réponses
-
Bonjour,
Rajoute dans ton css : background-attachment:fixed;
-
-
Ok, après relecture complète de ton premier post, j'ai vu ce qui n'allait pas. Tu as attribuer une couleur de fond orange. Essaye en l'enlevant :
#content { margin:0 0 0 0px; background: url("../images/content.jpg") no-repeat ; width: 844px; overflow:auto; height:550px; float:right; font-family: Arial, Verdana, serif; font-size: 90%; }
P.S. : j'ai aussi simplifier ton code CSS
-
Re
J'ai essayé en enlevant la couleur de fond, mais le problème persiste ;
Lorsque je descend la scrollbar de mon contenu pour afficher la suite, le background de cette 'boite' (content) remonte également (et laisse apparaître l'arrière-plan).
Par contre avec Firefox l'image de fond de cette 'boite' reste en position comme je veux qu'il soit et je peux lire la suite de mon contenu sans affecter le background !
Le truc c'est que je n'arrive pas à déterminer où, et quelle propriété permet de fixer ça...
j'ai essayé à peu près tout avec les background-attachment, background-position, background-repeat... etc mais rien n'y fait.
Merci quand même ! je continue de chercher
-
