hello everyone.
just building a website for my restaurant,
and it so happens that my “fixed” background seems to be repeating in Firefox.
The image is located on the “Map” page which is loaded into the main iframe on the index page.
now the website is [URL=”http://threeanchors.ca”]http://threeanchors.ca
the code for the “Map” page is as follows:
[code=html]<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Map</title>
<style type=”text/css”>
body
{
background-image:
url(http://www.threeanchors.ca/graphics/index/index_r3_c4.jpg);
background-repeat:
no-repeat;
background-attachment:
fixed
}
</style>
<link href=”../threeanchorscss.css” rel=”stylesheet” type=”text/css” />
</head>
<body leftmargin=”0″ topmargin=”0″ bgproperties=”fixed” marginwidth=”0″ marginheight=”0″>
<div align=”center”>
<p><iframe width=”400″ height=”300″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.com/maps?f=q&hl=en&geocode=&time=&date=&ttype=&q=145+davis+st+sarnia+ontario&sll=37.0625,-95.677068&sspn=46.630055,117.421875&ie=UTF8&ll=42.978467,-82.402611&spn=0.005291,0.014334&z=14&iwloc=addr&om=1&output=embed&s=AARTsJpnUm4JT86aZmj-VBU-VEaTGIKzdg”></iframe><br /><small><a href=”http://maps.google.com/maps?f=q&hl=en&geocode=&time=&date=&ttype=&q=145+davis+st+sarnia+ontario&sll=37.0625,-95.677068&sspn=46.630055,117.421875&ie=UTF8&ll=42.978467,-82.402611&spn=0.005291,0.014334&z=14&iwloc=addr&om=1&source=embed” style=”color:#0000FF;text-align:left”>View Larger Map</a></small>
<p></div>
</body>
</html>
now ive ran this code through a CSS validator and it says its correct. any ideas why thin isnt working? thanks
Pat.