Well my teacher in web design class told me to use the absolutes, whether it
was right or wrong. What should I have used instead? I input your code into
my interests page. Anyway, now everything is over to the far right. I realize
I have to move the layers and was doing that with the arrow key so to utilize
more preccise movement. I am unable to center the layers in DW. For example, I
moved my link bar over to the left in DW in an effort to center it and it still
does not look correct to me because it has come over to the left but is still
not centered in IE or FF(but is centered in the div wrapper , but looks
centered when viewed in DW.
<!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>
<title>Owen Heuston - Home</title>
<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0 auto
osition:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
-->
</style>
</head>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:91px;
top:176px;
width:22px;
height:23px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:205px;
top:251px;
width:255px;
height:314px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:507px;
top:299px;
width:399px;
height:307px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:967px;
top:250px;
width:231px;
height:290px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:201px;
top:2px;
width:999px;
height:18px;
z-index:5;
}
#apDiv6 {
position:absolute;
left:200px;
top:22px;
width:1000px;
height:169px;
z-index:6;
}
#apDiv7 {
position:absolute;
left:202px;
top:33px;
width:82px;
height:123px;
z-index:7;
}
#apDiv8 {
position:absolute;
left:-1px;
top:159px;
width:1003px;
height:34px;
z-index:8;
}
body {
background-color: #FFFFFF;
}
#apDiv9 {
position:absolute;
left:200px;
top:113px;
width:236px;
height:46px;
z-index:9;
}
#apDiv10 {
position:absolute;
left:74px;
top:197px;
width:1000px;
height:251px;
z-index:10;
}
-->
</style>
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv11 {
position:absolute;
left:201px;
top:205px;
width:513px;
height:292px;
z-index:10;
}
#apDiv12 {
position:absolute;
left:724px;
top:205px;
width:472px;
height:295px;
z-index:11;
}
#apDiv13 {
position:absolute;
left:487px;
top:531px;
width:244px;
height:150px;
z-index:12;
}
body,td,th {
color: #FFFFFF;
}
h1 {
color: #a7a37e;
}
-->
</style>
<script type="text/javascript">
<!--
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="p7ssm/p7SSMscripts.
js"></script>
<link href="p7ssm/p7ssm_03.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body ...>
<div id="wrapper">
<div id="apDiv5"></div>
<div id="apDiv6"></div>
<div id="apDiv8"><img src="assets/Links.jpg" alt="links" width="998"
height="34" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="7,5,75,28" href="index.html">
<area shape="rect" coords="88,4,290,29" href="photography.html">
<area shape="rect" coords="296,2,437,30" href="interests.html">
<area shape="rect" coords="449,4,562,30" href="resume.html">
<area shape="rect" coords="579,4,703,28" href="Contact.html">
<area shape="rect" coords="715,4,787,30" href="Links.html">
</map></div>
<div id="apDiv9"><img src="assets/expername.jpg" alt="name" width="236"
height="46"></div>
<div id="apDiv11">
<div align="left">
<h1>My interests</h1>
</div>
<div align="left"></div>
<p align="left">I enjoy spending time outdoors with my family and dog, Leo.
Most of the time I take pictures of them and nature. I like to travel.</p>
<p align="left">In my spare time I go to the gym to workout. In the late
evenings I sometimes play my Xbox 360. But mostly I spend time with my 1 year
old daughter.</p>
<p align="left"> </p>
<p align="left"
onMouseOver="P7_VScroller('apDiv5','Up',0,0,'Mediu m')"> </p>
</div>
<div id="apDiv12">
<div align="left"></div>
<div id="p7ssm">
<div id="p7ssm_w1">
<div id="p7ssm_w2">
<div id="p7ssm_cf"> </div>
<div id="p7ssm_loading"><img src="p7ssm/img/p7ssm_loading.gif" alt=""
width="78" height="8" /></div>
<div id="p7ssm_toolbar">
<div id="p7ssm_tools">
<table align="center" border="0" cellpadding="0" cellspacing="0"
summary="Slideshow Toolbar">
<tr>
<td><div id="p7ssm_nav_wrapper"><a id="p7SSMtnav" href="#"
title="Menu"><em>Navigate</em></a>
<div id="p7SSMwnav">
<div id="p7ssm_navList">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="resume.html">About Us</a></li>
<li><a href="Contact.html">Contact
Information</a></li>
</ul>
</div>
</div>
</div></td>
<td><a href="#" title="Hide or Show Thumbnails"
id="p7SSMthmb"><em>Hide Thumbs</em></a></td>
<td><a href="#" id="p7ssm_first" title="First
Image"><em>First</em></a></td>
<td><a href="#" id="p7ssm_prev" title="Previous
Image"><em>Previous</em></a></td>
<td><a href="#" id="p7ssm_pp" class="p7ssm_pause"
title="Pause"><em>Pause</em></a></td>
<td><a href="#" id="p7ssm_next" title="Next
Image"><em>Next</em></a></td>
<td><a href="#" id="p7ssm_last" title="Last
Image"><em>Last</em></a></td>
<td><div id="p7ssm_slidechannel">
<div id="p7ssm_slider"><a href="#" id="p7ssm_slidebar"
title="Speed:"><em>Set Speed</em></a></div>
<div
id="p7ssm_speed">Slideshow speed: 5  ;seconds</div>
</div></td>
<td><div id="p7ssm_counter"> </div></td>
</tr>
</table>
</div>
</div>
<div id="p7SSMwhmb">
<div id="p7ssm_thumb_wrapper">
<div id="p7ssm_dragbar" title="Move"><span>Move</span></div>
<div id="p7ssm_preview">
<table summary="Thumbnail Preview" align="center">
<tr>
<td><img
src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" alt="22922459.Picture054"
width="100" height="75" /></td>
</tr>
</table>
</div>
<div id="p7ssm_thumbs">
<div class="p7ssm_sectionTrigger"><a id="p7SSMtp_1"
href="#">interests</a></div>
<div id="p7SSMwp_1">
<div class="p7ssm_thumb_section">
<ul>
<li><a
href="p7ssm_img_1/fullsize/22922459.Picture054_fs.jpg"><img
src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg"
alt="22922459.Picture054"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7653_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7653_tmb.jpg" alt="DSC 7653"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_6844_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_6844_tmb.jpg" alt="DSC 6844"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7590_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7590_tmb.jpg" alt="DSC 7590"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7594_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7594_tmb.jpg" alt="DSC 7594"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7597_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7597_tmb.jpg" alt="DSC 7597"></a>
<div class="p7ssm_fd">Ava and her best friend Leo</div>
</li>
<li><a href="p7ssm_img_1/fullsize/DSC_7601_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7601_tmb.jpg" alt="DSC 7601"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7605_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7605_tmb.jpg" alt="DSC 7605"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7606_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7606_tmb.jpg" alt="DSC 7606"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7615_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7615_tmb.jpg" alt="DSC 7615"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7618_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7618_tmb.jpg" alt="DSC 7618"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7624_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7624_tmb.jpg" alt="DSC 7624"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7628_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7628_tmb.jpg" alt="DSC 7628"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7629_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7629_tmb.jpg" alt="DSC 7629"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7654_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7654_tmb.jpg" alt="DSC 7654"></a> </li>
<li><a href="p7ssm_img_1/fullsize/DSC_7655_fs.jpg"><img
src="p7ssm_img_1/thumbs/DSC_7655_tmb.jpg" alt="DSC 7655"></a> </li>
<li><a
href="p7ssm_img_1/fullsize/64887632.Ly4zJNb1_fs.jpg"><img
src="p7ssm_img_1/thumbs/64887632.Ly4zJNb1_tmb.jpg" alt="64887632.Ly4zJNb1"></a>
</li>
<li><a
href="p7ssm_img_1/fullsize/63977311.Ll7HV9gn_fs.jpg"><img
src="p7ssm_img_1/thumbs/63977311.Ll7HV9gn_tmb.jpg" alt="63977311.Ll7HV9gn"></a>
</li>