Hiya im new to webpage design and have done up something simple in dreamweaver but could not get the div layer to be centralised across all resolutions…
My Code:
[QUOTE]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>TipsEmpire.Net</title>
<link href=”style.css” rel=”stylesheet” type=”text/css” />
<body>
<div style=”margin:auto; text-align:center; width:783px”><div id=”Layer2″><img src=”../../Documents/Downloads/partytime/images/frame.gif” width=”791″ height=”759″ />
<div id=”Layer3″>
<object classid=”clsid?27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”
<param name=”movie” value=”../../Downloads/TipsEmpire/images/headermv.swf” />
<param name=”quality” value=”high” />
<embed src=”../../Downloads/TipsEmpire/images/headermv.swf” quality=”high” pluginspage=”
</object>
</div>
</div>
</div>
</body>
</html>
[QUOTE]
body{
background:url(images/background.jpg) 0 0 no-repeat;
}
#Layer1 {
position:relative;
width:200px;
height:872px;
z-index:1;
left: 217px;
top: 3px;
}
#Layer2 {
position:absolute;
width:783px;
height:751px;
z-index:1;
left: 328px;
top: -2px;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 11px;
top: 8px;
}
Any advise?? Thanks ?