Okay, so I've been having trouble with a couple things. One, when I look the my page in live view it's perfectly centered, but when I open it up in a web browser it is on the left of the page. Two, I can't get the main div tag to hug the top of the page. Here is the code, so hopefully someone can help me out. =P
<!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>Copper Leaf Crossing</title>
<style type="text/css">
.main {
width: 980px;
}
.bannerarea {
height: 200px;
width: 950px;
}
</style>
<style type="text/css">
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 74px;
}
#apDiv2 {
position:absolute;
width:360px;
height:226px;
z-index:1;
left: 95px;
top: 136px;
}
#apDiv3 {
position:absolute;
width:445px;
height:297px;
z-index:1;
left: 519px;
top: 299px;
}
</style>
<link href="CLC/CLC.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv4 {
position:absolute;
width:447px;
height:300px;
z-index:2;
left: 517px;
top: 628px;
}
#apDiv5 {
position:absolute;
width:479px;
height:292px;
z-index:3;
left: 33px;
top: 291px;
}
#apDiv6 {
position:absolute;
width:950px;
height:242px;
z-index:4;
}
#apDiv7 {
position:absolute;
width:480px;
height:300px;
z-index:5;
left: 34px;
top: 627px;
}
</style>
</head>
<body>
<div class="main">
<div id="apDiv6"><img src="CLC/banner.jpg" width="950" height="250" alt="Banner" /></div>
<p> </p>
<p> </p>
<div class="text">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv5">
<h3><strong>Copper Leaf Crossing</strong> is a 23 acre complex dedicated to the care of animals.We have created a warm and friendly destination for animal enthusiasts.Wether you have a cat or canary, a dog or a frog, we can help you care for your pet. On campus, you will find:</h3>
<p><a href="f"><strong>Animal Kingdom Veterinary Hospital</strong></a> - Their compassionate and dedicated staff are skilled in the medical care of both domestic and exotic pets.</p>
<p><a href="f"><strong>Creature Comforts Bed & Bath</strong></a> a great pet boarding facility for dogs, cats, birds, reptiles and small mammals that also offers pet grooming. </p>
<p><a href="thereatureconservancy.org"><strong>The Creature Conservancy</strong></a>- A truly unique non-profit organization that offers avariety of educational programs with live exotic animals, summer camps, tours and a variety of animals on display.</p>
<p><strong><a href="f">Dogwood Veterinary Referral Center</a></strong> - a full service imaging and surgery centerthat provides exceptional care for pets with neurological problems.</p>
</div>
<p> </p>
<p> </p>
<p>
<div id="apDiv4">
<iframe width="444" height="250" frameborder="0" scrolling="No" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=4940+ann+a rbor-saline+rd+ann+arbor+MI+48103&aq=&sll=42.250821,-83.756397&sspn=0. 004813,0.008476&ie=UTF8&hq=&hnear=4940+Ann+Arbor-Saline+Rd,+Ann+Arbor+ Charter+Township,+Michigan+48108&ll=42.21421,-83.797332&spn=0.004815,0 .008476&t=h&z=14&output=embed"></iframe>
<p>4940 Ann Arbor-Saline RD Ann Arbor MI 48103</p>
</div>
<br />
<p></p>
</blockquote>
</div>
<p> </p>
<blockquote>
<p> </p>
<blockquote>
<p> </p>
</blockquote>
</blockquote>
<div id="apDiv3"><img src="CLC/arialCLC.jpg" width="444" height="300" /></div>
<p> </p>
<div id="apDiv7"><img src="../Downloads/Copy of PICT0029.JPG" width="444" height="300" /></div>
</div>
</body>
</html>
Thanks! (The website isn't live yet, if it was I would have just posted the URL.)
