 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
supfooword
Joined: 02 Jun 2008 Posts: 3
|
Posted: Thu Jun 12, 2008 8:41 am Div background-image [ie & mozilla] |
|
|
|
Found similar posts with this problem, but could not find the exact same issue.
CSS problem code:
#main {
background: url(images/background.gif) no-repeat;
background-color: #000000;
height: 485px;
position: relative;
overflow: auto;
}
It looks fine in Mozilla and the image does not scroll, but in IE it is scrolls to the background-color. When I add "fixed" it fixes the problem in IE, but moves the background-image in Mozilla.
Thanks for your help.
Last edited by supfooword on Tue Sep 02, 2008 11:22 am; edited 1 time in total |
|
quartzy
Joined: 26 Dec 2007 Posts: 400
|
Posted: Fri Jun 13, 2008 2:12 am re |
|
|
|
| dont know much but you have a margin of 10px so add 20px to the height and see if that works. |
|
supfooword
Joined: 02 Jun 2008 Posts: 3
|
Posted: Fri Jun 13, 2008 7:43 am |
|
|
|
| I have added background-attachment="fixed" to the CSS, but now it fixes IE, but breaks Mozilla. If I change the Margin height it will affect IE and Mozilla, so it will help Mozilla but hurt IE by pushing it down. |
|
quartzy
Joined: 26 Dec 2007 Posts: 400
|
Posted: Fri Jun 13, 2008 2:24 pm re |
|
|
|
| remove the margin on the body and see if that helps as you have that margin it will make your height bigger. |
|
|
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|