View Full Version : Margin/Padding & Background Issue

05-22-2005, 12:35 PM
I'm getting some strange problem with background images...

On http://www.downfallband.co.uk/ , there is two background images - top left and bottom right - one's in the header, and one's in the center part. In IE they display fine but in FF they are not... any ideas? Sure it's something to do with the margins/padding.

05-22-2005, 05:59 PM
Positioning background images in FF can be tricky, I think it would be easier if you just made a background image that was 750x554 and set as the background for the main div, since the iframe height doesn't appear that its going to change.

05-22-2005, 06:00 PM
Thanks, I'll try that. :)

EDIT - Darn, tried it and still getting poor results in FF... you can see the updated version online.

05-22-2005, 06:57 PM
I said the MAIN div.

#main {
margin:0 auto;
width: 750px;
background-color: #000;
border: 2px solid #594C39;
background-repeat: no-repeat;
background: url(singlebg.jpg);

#center {
height: 60%;

05-22-2005, 07:13 PM
Oops! Thanks, looking right in both browsers now, cheers.