...

View Full Version : Easy question! My background image wont show in firefox, but shows in IE 7



danthach
02-21-2008, 08:40 PM
Been trying to figure this easy problem for an hour, but I cant get it to show on Firefox. I have 2 divs inside this div, so it is not empty.

<custom name="opencounter" type="tracking">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Seller Direct</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

</div>
<div style="float: left; background: url('http://www.tomlinnicks.com/mail_imgs/02-20-08/remax_bg.jpg') no repeat fixed top left; overflow: auto; border:solid 1px #000000; width:600px; height: 1300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:10px;">
</div>



</body>
</html>

jcdevelopment
02-21-2008, 08:57 PM
try this and see if it even matters



</div>
<div style="float: left; background-image: url('http://www.tomlinnicks.com/mail_imgs/02-20-08/remax_bg.jpg') no repeat fixed top left; overflow: auto; border:solid 1px #000000; width:600px; height: 1300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:10px;">
</div>




i dont even know if that matters

danthach
02-21-2008, 09:00 PM
Thanks for the help, but nope. Doesnt make any difference.

jcdevelopment
02-21-2008, 09:07 PM
ok try this


#bgImage {
float: left;
background: url('http://www.tomlinnicks.com/mail_imgs/02-20-08/remax_bg.jpg');
background-repeat: no repeat;
background-position: top left;
border:solid 1px #000000;
width:600px;
height: 1300px;
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
padding-left:10px;
}
just try that and see what happens!!

danthach
02-21-2008, 09:15 PM
well sweet jesus, that actually works! I doubt there is even an explanation for this weird scenario. I guess maybe a bug in firefox?

_Aerospace_Eng_
02-21-2008, 09:59 PM
It was the fixed causing the issue. background-position:fixed; only fixes the background image to the body not the element its in.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum