PDA

View Full Version : CSS Background Position not working on MAC


domerdel
05-27-2004, 11:35 PM
File: style.css
inside the file:

.bakleft {
background-attachment: fixed;
background-image: url(images/bakleft2.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.bakright {
background-attachment: fixed;
background-image: url(images/bakright2.jpg);
background-repeat: no-repeat;
background-position: left top;
}

works great on PC. Can't get it to work on MAC: ie and safari.

I have a table 100% X 100% 3 columns, and i have the image class name on the left and right columns. what else do i need to apply for this to work properly on a mac?

bradyj
05-28-2004, 12:36 AM
Show me the page (url)-- because I'm on a mac and my code worked for:
safari
IE
firefox
Moxilla
omniweb
opera
camino

liorean
05-28-2004, 12:53 AM
All Mac OS X browsers, and all modern browsers on Windows, support fixed background positioning correctly. Only old Netscape and Opera version get it wrong on the Mac, and on Windows they are joined by Internet Explorer not supporting it. If you want an example of how it SHOULD work, Google for "complex spiral" to see the most famous demo of it. Internet Explorer for Windows incorrectly uses the parent element borders as reference points, when the correct reference points should be relative to the browser window, independent of where on the page the parent element is placed.

So, you are likely assuming the correct behavior is wrong...

Span
05-28-2004, 11:19 AM
what else do i need to apply for this to work properly on a mac?
Taking out the 'background-attachment: fixed' rule from your css might do the trick.