For some reason there is a gap in between some of my <divs>. It doesn't happen at the top to my header and navbar but once I go into my body it starts and I can't figure out why. any help would be greatly appreciated. Heres the link to the page : http://naturalfoodrepo rts.com/chiaseedreport. php
and heres all the code on that page:
Heres the code on my external style sheet attached to that page:
tom
and heres all the code on that page:
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=utf-8" />
<title>Natural Food Reports</title>
<link href="root/reports style/reports.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="title"><a href="index.php" class="titlelink">Natural Food Reports</a></div>
</div>
<div id="navbar">
<div id="homereportsaboutcontact"><a href="index.php"> Home</a> | <a href="reports.php">Reports</a> | <a href="about.php">About</a> | <a href="contact.php">Contact</a></div>
</div>
<div id="reportstitle">
<p>~Chia Seeds~</p>
<p><img src="imgs/Health & Super Foods/ChiaSeeds&OtherSeeds/chia seeds.jpg" alt="chiaseeds" width="200" height="200" border="0" /></p>
</div>
<div id="researchresultstitle";>Research Results:</div>
<div id="researchresults">
<p>"...when you hydrate the seeds in water the seeds shell opens up and absorbs up to nine times its volume in water. This then forms a gel, which is called Chia Seed Gel. It is said that the gel has the potential to help keep your body hydrated. The gel is also 90% soluble fiber, which may be beneficial for your digestive track. Many people say that they use the seeds when they are involved in sports or physical activities for endurance." </p>
<p>"....the seeds have twice the protein of any other seed or grain, five times the calcium of milk, boron which is trace mineral that helps transfer calcium into your bones, omega 3 and omega 6 which are essential oils for the body."</p>
<p>" ...the soluble fiber in the gel forms a wall between carbohydrates and the body, releasing them slowly into the body. Dieters love the seeds because it can be added to any food or drink in a ratio of 75% to the volume of food or drink and will not change the taste. Because the carbohydrates are released slowly you may get the feeling of being full. Many use the seeds as a way to control their appetites. The gel has no taste." </p>
</div>
<div id="logo">Eat Better. Feel Better. Live Better.</div>
<div id="footer">© 2010 Natural Food Reports
</div>
</div>
</body>
</html>
Heres the code on my external style sheet attached to that page:
Code:
body {
margin: 0px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-image: url(v2bg.jpg);
}
#wrapper {
margin: 0px;
}
#header {
background-image: url(newbanner.jpg);
height: 200px;
}
#title {
font-family: "Lucida Console", Monaco, monospace;
font-size: 55px;
color: #000;
position: absolute;
left: 320px;
top: 79px;
width: 669px;
height: 58px;
}
.titlelink:link{
color:#000;
text-decoration:none;
font-size: 50px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.titlelink:hover { color:#000;
}
.titlelink:visited{ color:#000;
text-decoration:none;
}
.titlelink:active{ color:#000;
text-decoration:none;
}
#logo {
position:absolute;
width:284px;
height:32px;
z-index:1;
left: 322px;
top: 130px;
color: #FFF;
}
#navbar {
background-color: #FFF;
background-image: url(navbar.jpg);
background-repeat: no-repeat;
height: 30px;
width: 100%;
margin: 0px;
}
#homereportsaboutcontact {
color: #000;
margin-left: 400px;
}
#reportstitle{
font-size: 24px;
color: #000;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-decoration: none;
background-color: #FFF;
text-align: center;
width: 800px;
margin-right: auto;
margin-left: auto;
clip: rect(0px,auto,auto,auto);
}
#researchresultstitle {
font-size: 24px;
text-align: center;
background-color: #FFF;
margin-top: 0px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#researchresults {
background-color: #FFF;
margin-right: auto;
margin-left: auto;
width: 800px;
font-size: 14px;
}
#footer {
background-color: #999;
height: 60px;
text-align: center;
font-weight: bold;
margin-bottom: 0px;
}
.bluelinks:link {
color:#00F;
font-size: 14px;
}
.bluelinks:visited { color:#00F;
text-decoration:underline;
}
.bluelinks:visited { color:#00F;
text-decoration:underline;
}
.bluelinks:hover { text-decoration:underline;
}
a:img{ border:0;
}
a:link{
color:#000;
text-decoration:none;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
}
a:hover{
color:#000;
text-decoration:underline;
}
a:visited{
color:#000;
text-decoration: none;
}
a:active{
color:#000;
text-decoration:none;
text-align: center;
}
Comment