PDA

View Full Version : background images don't render correctly in different browsers


mdsdesign
12-31-2009, 02:07 AM
I have set up a couple of pages and in cs3 (mac) and have used a jpeg as a background image (top lady image) http://www.youthoncall.com.au/index2.htm. The problem I'm having is that it appears ok in all mac browsers but not on msie and firefox pc. It keeps displaying the image again (double image). I have tried setting a fixed table height and also tried without but makes no difference. Does anyone have any suggestions what to do. Do I need to use a different file format?? or table layout. I'm stuck!!:roll:

d a v e
12-31-2009, 06:52 AM
table height is not valid html.
You should be using divs for layout and then you can set the image on the top div to
background-repeat: no-repeat;
and background-position: bottom left;

oh and points are for *print* style sheets only, for screen use percentages or ems or a combination

here's some resources to help you
http://www.htmldog.com
http://www.opera.com/company/education/curriculum//
http://www.w3schools.com/
http://www.cssbasics.com