Hello!
I've been searching the net all day and I apologize for any repeat posts but I'm in a deadline situation and there's one nagging problem...
I'm making site with a mix of css/html/java/php
On one page one of the divs (content-main) I want to have scrollable text with the background to that div fixed. It works in Firefox (overflow set to auto) but for IE it makes the background scroll too.
I tried using:
Code:
position-attachment: fixed;
That works for IE... But that messes up in Firefox making the background of that div fix onto the top of the whole page! I tried setting the background position to the center but it still doesn't line up.
So I worked on it and finally resorted to having alternate css files for IE and Netscape (detected through a java script in the head).
So there everything solved UNTIL I realized while it worked in my IE6 (I can't upgrade because my windows software won't validate, and I'm at an office who's so backed up they can't solve the problem)
it didn't work in IE7..... in IE7 it was doing what Firefox did before, with making the background image attach to the top of the page.
Here is my css for div in IE:
Code:
#content-main {
width:800px;
height:353px;
text-align:left;
float:right;
overflow: auto;
background-image: url(images/body.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
}
The website is:
www.bcswf.com/test2/job.php
Please help! I'm tearing my hair out and google is not helping me brainstorm this.
So basically works in IE6... not in IE7. Firefox is in its own css and works as far as I know.
- Sheila
Help need fixed background on a scrollable div
