Layers

**wizer** · 20th October 2005

Hi Gays

Can someone please tell me htf I centre a series of layers on a page. I have a whole site designed and layed out in layers. What I want is for the site to be centered in all browser resolutions, not fixed to one position. Is this possible?

I dont want to use tables is poss

Cheers fans

**WTD** · 20th October 2005

Hello mate

Take a read about DIV's which should be used for laying out pages. http://www.w3schools.com/tags/tag_div.asp

If you really do mean layers, they are covered in DHTML http://www.w3schools.com/dhtml/dhtml_intro.asp

Best of luck any probs, shout!

**WTD** · 20th October 2005

Nice tut here: http://www.designplace.org/tutorials.php?page=1&c_id=24

**wizer** · 20th October 2005

Hello matey.... I'm using Layouts in Dreamweaver. This is the Code:

Code:

<!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=iso-8859-1" />
<title>WiZeR Index Page</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:34px;
	top:22px;
	width:180px;
	height:175px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:214px;
	top:22px;
	width:420px;
	height:64px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:214px;
	top:86px;
	width:406px;
	height:54px;
	z-index:3;
}
#Layer4 {
	position:absolute;
	left:214px;
	top:140px;
	width:420px;
	height:57px;
	z-index:4;
}
-->
</style>
</head>

<body>


<div id="Layer1">
  <div align="center"><img src="images/logo1.jpg" alt="logo1" width="180" height="175" /></div>
</div>
<div id="Layer2">
  <div align="center"><img src="images/logo2.jpg" alt="" width="420" height="64" /></div>
</div>
<div id="Layer3">
  <div align="center"><img src="images/logo3.jpg" width="420" height="54" /></div>
</div>
<div id="Layer4">
  <div align="center"><img src="images/logo4.jpg" width="420" height="57" /></div>
</div>

</body>
</html>

I just want the whole lot centered on the page as apposed to a set distance from left.

Any ideas?