Home › Forums › CSS › Resizable background Image Problems › Re: Resizable background Image Problems
EIGHTWGTRemember – my background isnt resizing on this page which was main reason for this post but the error is a VERY big issue also, that I thought may be related…anyway guys…HERE IS index.html code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Shallow water skiffs by Inshore Power Boats </title>
<meta name="keywords" content="skiff,,shallow water skiffs,fishing boats,flats boats,flats fishing boats,skiff,flats fishing skiffs,"/>
<meta name="description" content="Inshore skiffs and flats boats for all types of shallow water fishing"/>
<meta name="robots" content="index,follow,all"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="NEWSTYLE.css" />
</head>
<body>
<img id="background" src="../LARGE-BG-IMAGE2.jpg"alt="Large Background" name="background" style="width: 1722px" height="896" /> <!– menu –>
<!– menu –>
<ul id="menu">
<li><a href="SKIFFS.html">SKIFFS</a></li>
<li><a href="inshore162.html">INSHORE 16</a></li>
<li><a href="17GUIDE.html">17 GUIDE</a></li>
<li><a href="17XS.html">17XS</a></li>
<li><a href="pricing.html">PRICING</a></li>
<li><a href="articles2.html">ARTICLES</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="NEWS.html">NEWS</a></li>
</ul>
<!– /menu –>
<div id="data">
<p>From the build it your way 16, to the world class 17XS poling skiff, we are sure you will find that Inshore Power Boats builds
shallow water skiffs that fit the needs of part time fisherman or the most
demanding fishing guides.</p>
</div>
</body>
</html>
Here is the css
/* CSS layout */
#page_content {
margin-left: 200px;
}
#container {
position: relative;
width: 100%;
}
#background
{
width: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
#testbox{
width: 100%;
height:100%;
position: relative;
}
#menu li{
display: inline;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.0em;
font-weight: bold;
padding: 0 10px 0 10px;
color: #FFFFFF;
text-decoration: none;
}
#data{
width: 190px;
height: 200px;
margin: 20px;
position: absolute;
bottom: 150px;
color: #FFFFFF;
font-size:1.3em;
}