Ok. I have taken the steps you have given me, along with attaching a style sheet instead of having it in the same document. I suppose this is OK to do? I want to show you the code I am now working with, because after following your tips, the damn thing still won't center! You may want to pay close attention to the wrapper, because I fiddled with the settings, and still nothing happened. Although I have since last night learned a good deal of the code.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Micah 77</title>
<style type="text/css">
@import url("style.css");
</style></head>
<body><div id="wrapper">
<div id="Layer10"><img src="images2/micah-layout_01.jpg" alt="" width="158" height="129" /></div>
<div id="Layer11"><img src="images2/micah-layout_02.jpg" alt="" width="383" height="129" /></div>
<div id="Layer12"><img src="images2/micah-layout_03.jpg" alt="" width="179" height="129" /></div>
<div id="Layer13"><img src="images2/micah-layout_04.jpg" alt="" width="158" height="499" /></div>
<div id="Layer14"><img src="images2/micah-layout_05.jpg" alt="" width="383" height="499" /></div>
<div id="Layer15"><img src="images2/micah-layout_06.jpg" alt="" width="179" height="499" /></div>
<div id="Layer17"><img src="images2/micah-layout_09.jpg" alt="" width="179" height="39" /></div>
<div id="Layer18"><img src="images2/micah-layout_08.jpg" alt="" width="383" height="39" /></div>
<div id="Layer19"><img src="images2/micah-layout_07.jpg" alt="" width="158" height="39" /></div>
</div>
</body>
</html>
And the CSS
Code:
/* CSS Document */
#header-m {
position:absolute;
width:383;
height:129px;
z-index:1;
left: 169px;
top: 15;
}
#header-l {
position:absolute;
left:11px;
top:15px;
width:158px;
height:129px;
z-index:1;
}
#header-r {
position:absolute;
left:552px;
top:15px;
width:176px;
height:129px;
z-index:1;
}
#leftpanel {
position:absolute;
left:11px;
top:144px;
width:158px;
height:499px;
z-index:1;
}
#rightpanel {
position:absolute;
left:552px;
top:647px;
width:178px;
height:0px;
z-index:1;
}
#left-b {
position:absolute;
left:11px;
top:643px;
width:158px;
height:39px;
z-index:1;
}
#textarea {
position:absolute;
left:169px;
top:144px;
width:383px;
height:499px;
z-index:1;
}
#footer {
position:absolute;
left:169px;
top:643px;
width:383px;
height:39px;
z-index:1;
}
#right-b {
position:absolute;
left:552px;
top:643px;
width:177px;
height:39px;
z-index:1;
}
#Layer4 {
position:absolute;
left:731px;
top:147px;
width:320px;
height:426px;
z-index:10;
padding: 10px;
overflow: auto;
}
body {
background-color: #3E3E3E;
text-align: center;
}
#Layer1 {
position:absolute;
left:731px;
top:557px;
width:350px;
height:25px;
z-index:11;
}
#Layer2 {
position:absolute;
left:11px;
top:144px;
width:158px;
height:487px;
z-index:2;
}
#Layer3 {
position:absolute;
left:169px;
top:144px;
width:383px;
height:499px;
z-index:3;
}
#Layer5 {
position:absolute;
left:552px;
top:144px;
width:179px;
height:499px;
z-index:4;
}
#Layer6 {
position:absolute;
left:10px;
top:643px;
width:159px;
height:39px;
z-index:5;
}
#Layer7 {
position:absolute;
left:169px;
top:643px;
width:383px;
height:39px;
z-index:6;
}
#Layer8 {
position:absolute;
left:552px;
top:643px;
width:187px;
height:39px;
z-index:7;
}
#Layer9 {
position:absolute;
left:193px;
top:177px;
width:339px;
height:438px;
z-index:8;
}
.style3 {font-family: Arial, Helvetica, sans-serif}
#Layer10 {
position:absolute;
left:10px;
top:15px;
width:158px;
height:129px;
z-index:1;
}
#Layer11 {
position:absolute;
left:168px;
top:15px;
width:383px;
height:129px;
z-index:2;
}
#Layer12 {
position:absolute;
left:551px;
top:15px;
width:179px;
height:129px;
z-index:3;
}
#Layer13 {
position:absolute;
left:10px;
top:144px;
width:158px;
height:499px;
z-index:4;
}
#Layer14 {
position:absolute;
left:168px;
top:144px;
width:383px;
height:499px;
z-index:5;
}
#Layer15 {
position:absolute;
left:551px;
top:144px;
width:179px;
height:499px;
z-index:6;
}
#Layer16 {
position:absolute;
left:747px;
top:459px;
width:103px;
height:223px;
z-index:7;
}
#Layer17 {
position:absolute;
left:551px;
top:643px;
width:179px;
height:39px;
z-index:8;
}
#Layer18 {
position:absolute;
left:168px;
top:643px;
width:383px;
height:39px;
z-index:9;
}
#Layer19 {
position:absolute;
left:10px;
top:643px;
width:158px;
height:39px;
z-index:10;
}
#wrapper {
width: 720px; /*this is the width of all the content */
margin: 0 auto;
text-align: left;
}
Thanxs again.