bunny1
10-18-2009, 11:25 AM
Hi
I have been starring at thie code too long and now i need to look for help!
i want to have my page fill out for any screen dimension. therefore i have tried to use percentages.
the page looks perfect in dreamweaver but when i view in a browser the navigation.jpg image is out of line and it does not fill out the full page
Any help would be much appreciated
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>inafrenzy.com</title>
<style type="text/css">
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
}
#apDiv1 {
position:absolute;
left:543px;
top:32px;
width:333px;
height:57px;
z-index:1;
}
</style></head>
<div id="apDiv1"><img src="images/banner.png" width="300" height="38" /></div>
<table width="100%" height="35%" border="0" cellpadding="0">
<tr>
<td width="15%" align="center" valign="middle"> </td>
<td width="70%" align="center" valign="middle"><img src="images/navigation.png" alt="navigation" align="left" /></td>
<td width="15%" height="163" align="center" valign="middle"> </td>
</tr>
</table>
<div></div>
</html>
the page is at http://www.inafrenzy.com/site/
thanks
I have been starring at thie code too long and now i need to look for help!
i want to have my page fill out for any screen dimension. therefore i have tried to use percentages.
the page looks perfect in dreamweaver but when i view in a browser the navigation.jpg image is out of line and it does not fill out the full page
Any help would be much appreciated
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>inafrenzy.com</title>
<style type="text/css">
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
}
#apDiv1 {
position:absolute;
left:543px;
top:32px;
width:333px;
height:57px;
z-index:1;
}
</style></head>
<div id="apDiv1"><img src="images/banner.png" width="300" height="38" /></div>
<table width="100%" height="35%" border="0" cellpadding="0">
<tr>
<td width="15%" align="center" valign="middle"> </td>
<td width="70%" align="center" valign="middle"><img src="images/navigation.png" alt="navigation" align="left" /></td>
<td width="15%" height="163" align="center" valign="middle"> </td>
</tr>
</table>
<div></div>
</html>
the page is at http://www.inafrenzy.com/site/
thanks