PDA

View Full Version : Background Image Positioning


Archangel
07-17-2006, 07:04 AM
Here is the code I am using for my body background. In IE the image displays fully across the page and all the way at the bottom, which is what I want.

In firefox however there is about 10px or so padding on either side and the b ottom of the bg displays where the content ends, not at the bottom of the page.

Any suggestions? Just when I think I'm starting to get a good handle on CSS this happens.


body{
background-color: #6E0B0D;
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color: white;
font-weight: normal;
background-image: url(images/bg_sliver.jpg);
background-position: left bottom;
background-repeat: repeat-x;
}

Frank
07-21-2006, 07:05 PM
That's typical of Firefox to not render correctly. I have that problem all the time and have been working with CSS for two years.

Usually adding the following to the body definition fixes the problem for me, but in all honesty, it's hit or miss. =/

padding: 0px;
margin: 0px;