Difference in text positioning from page to page

Get Started
1

Hi,

I have a question. On this page,
http://www.eisforeric.com/canceronmymind/final/index.html
the menu on the left hand side is so much lower than the following page
http://www.eisforeric.com/canceronmymind/final/about.html

I thought the CSS was the same though.
any help would be much appreciated.

2

You need to have a look at the spacer image you’re using! They are on both pages on a different place. But you should ask your self the question, why using a spacer image in the first place?

3

Was to late to edit my own message, sorry for that. It was not only the spacers you used but the entire markup was bit off a mess. A lot of unnecessary content. I made a quick makeover. I hope this helps you somehow:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,ol,ul,li,table,tr,td,th,p,img {
	margin: 0; 
	padding: 0; 
}

ul, ol, li {
	list-style-type: none; 	
}

html, 
body {
		height: 100px;
}

body {
	position: relative;
	background: #E9E5FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	line-height: 130%;
}

#wrapper {
	width: 950px;
	margin: 50px auto 0;
	padding: 70px 0;
	position: relative;
	overflow: hidden;
	background: url(images/body_bg.gif) no-repeat;
}

.menu,
.main-wrapper {
	width: 170px;
	float: left;
}

.main-wrapper {
		width: 780px;
}

.menu li {
	width: 170px;
}

.menu a {
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	display: block;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.menu a:hover,
.menu a:focus,
.menu a.current{
  color: #FFF;
  text-decoration: none;
}

.main-wrapper h1 {
	margin-left: 150px;
	padding-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
}

.main-wrapper img {
	margin: 0 0 20px 150px;
	float: left;
	clear: both;		
}

.main-wrapper p {
	margin: 0 150px;
	float: left;
	text-indent: 30px;
}
</style>
</head>

<body>
<!-- Start Wrapper-->
<div id="wrapper">

<!-- Start Sidebar -->
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" class="current">About the Author</a></li>
<li><a href="#">Media Links</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Book Reviews</a></li>
<li><a href="#">Poetry</a></li>
<li><a href="#">Guestbook</a></li>
<li><a href="#">Video  Filming Photos</a></li>
<li><a href="#">Contact</a></li>
</ul>

<!-- End Sidebar --></div>

<!-- Start Main Content -->
<div class="main-wrapper">
<h1>About the Author</h1>
<img src="images/About_photo1.jpg" alt="Photo of author Walter Kornichuk" />

<p>
In 2000, Walter Kornichuk was diagnosed with a brain tumor and given a 40 percent chance to survive five years. He survived six hours of awake motor mapping brain surgery and radiation and chemotherapy treatments by applying a "never give up" attitude to endure his brain tumor. He is happy to celebrate his tenth year of cancer-free living. He has been a volunteer for the National Brain Tumor Society-Patient and Caregiver Support Network since 2006. He has been a Lead Transportation Security Officer for a private security company at San Francisco International Airport since 2003. He is a first-time creative non-fiction writer and has self-published Cancer on my Mind, which includes a talking brain tumor, to bring a humorous and unrelenting tone to patients diagnosed with a brain tumor, a dark and otherwise not easily discussed subject. Walter hopes that cancer patients, brain surgeons, doctors, nurses, medical students, caregivers, all readers, and those facing any life-threatening dilemma, will feel encouraged after reading Cancer on my Mind, to fight constantly to obtain short and long victories. 
</p>

</div><!-- End Main Content -->

</div><!-- End Wrapper -->

</body>
</html>
4

thank you very much. it’s hugely appreciated.