Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: not2easy
The internal div has a background jpg 604px wide set at the bottom. This displays correctly in IE6, and scrolls as part of the page as it should.
But in NN6 it displays at the bottom left of the window. The page can be scrolled, but the background jpg stays fixed, exactly as if it were specified in the body.
In Opera 6 it doesn't show at all! - But then that's Opera :(
My code for the internal div is:
position:relative;left:48px; /* relative to container div */
I have also tried "background-position: bottom left;"
I would be gratefull for any ideas. The web site is in my profile.
now presuming that you want this graphic to appear in each browser showing at the bottom (with a nice overlap as observed in IE6) then I would not use attachment:fixed; but instead I would position the div relatively (or not position at all!) but give it a negative top margin which would give the "overlap" and should appear relative(default) to the content in which ever browser...
<edit> attachment (not position)</edit>
[edited by: SuzyUK at 2:29 am (utc) on Jan. 17, 2003]
Worst case is that you put the graphic in a "footer" so it will always be at the bottom you just won't have that pleasant overlap that IE6 shows...
but look on the bright side it'll look like you want it to in a few years time!
<added> that's when we're all older and wiser of course ;)</added>
I just had a brainwave and removed the line "background-attachment:fixed;"
It now works perfectly in IE6 and NN6 with overlap.
In Opera the image is at the bottom of the div, although there's no overlap, and it puts in acres of extra space between the links and the image. But I can probably get around that.
I think my problem arose because this is the first background image I had tried, and I didn't properly understand what some of the terms meant.
Still, you live and learn! Hopefully! :)
Netscape is displaying the 'background:fixed' property correctly
Sorry, but as an IE6 fan I have to disagree with that! :)
The property was applied to a div. If NN considered it incorrect it should have ignored it, not applied it to the body.
Anyhow it works now. Thanks everybody for your help.