Jump to content

text/content getting covered by footer scroll problem


Recommended Posts

Just when i think i've got the site ready for content I find another bug.. I have a 100% width height site using multiple backgrounds.. and a footer that is supposed to stick to the bottom of the pages.. but i just dumped a test amount of text into the content div to see how it would look and noticed that the text gets covered by the footer and the page scrolls down but you cant see the text and the footer isnt sliding to bottom of the contect.. ARGHHh.. here's the css

/* CSS Document */body {	margin: 0;	padding: 0;	background-color: #FFFFFF;	font: 80% Arial, Helvetica, sans-serif;	line-height: 130%;}body, html {	width: 100%;	position: relative;	background-image:url(bg-patt.gif);}a {	text-decoration: underline;	color: #000000;}a:hover {	text-decoration: none;}/*  Containers----------------------------------- */#bodyCont {	width: 100%;	min-height: 100%;	margin: 0;	padding: 0;	background-position: top left;	background-repeat:repeat-x;	background-image:url(top.gif);}*html #bodyCont {	height: _100%;	min-height: _100%;}#headerCont {	width: 813px;	height: 278px;	display: block;	position: relative;	margin: 0 auto;	padding: 0;}#coreCont {	width: 813px;	margin: 0 auto;		padding: 0 0px;	position: relative;	background-image:url(tan.gif);	min-height: 450px;	height: _450;	font-size: 8pt;	color: #333333;}*html #coreCont {	left: -3px;	height: 450px;}.leftbox {	position: absolute;	margin: 0px 0px 0px 0px;	padding: 5px;	width: 287px;	height: 450px;	background-image:url(left-col.gif);	left: 0px;	text-align:left;}.centerbox {margin: 0px 0px 0px 0px;padding: 5px 0px 0px 304px;width: 500px;height: 450px;text-align:justify;}#footerCont {	position: relative;	clear: both;	margin: 0;	padding: 0;	width: 100%;	height: 200px;	display: block;	background-color: #000000;	background-image:url(footer.gif);	background-position:top left;	background-repeat:repeat-x;}.clear { clear: both; }/* 		Header	--------------------------------------------------- */#header {	position: relative;	height: 278px;	margin: 0 auto;	padding: 0;	background-color:#33CCFF;	background-image:url(images/head-bg.gif);}/* Menu --------------------------------------------------- */#nav{	position:absolute; top: 237px; 	margin-left:10%;	display:block;	height:41px;	font-size:13px;	font-weight:bold;	font-family:Arial,Verdana,Helvitica,sans-serif;	}#nav ul{	margin:0 auto;	padding:0;	list-style-type:none;	}#nav ul li{	display:block;	float:left;	margin:0 auto;	background-repeat: no-repeat;	}#nav ul li a{	display:block;	float:left;	font-color: white;	text-decoration:none;	padding:13px 0px 0 32px;	height:41px;	}#nav ul li a{	color: #FFFFFF;	background-image: url(images/nav-off.gif);;    background-repeat: no-repeat;	}#nav ul li a:visited{	color: #FFFFFF;	background: url(images/nav-off.gif);    background-repeat: no-repeat;	}#nav ul li a:hover{	color: #c0aa78;	background: url(images/NAV-hover.gif);    background-repeat: no-repeat; 	}#nav ul li a.current{	color: #c0aa78;	background: url(images/NAV-hover.gif);    background-repeat: no-repeat;	}/* 				CONTENT --------------------------------------------------- */#content {	position: relative;	min-height: 450px;	margin: 0 auto;	padding: 5px 0px 0px 0px;		font-size: 8pt;	color: #333333;    margin: 0 0 0 297px;     width: 516px;    height: _200px;	text-align:justify; }*html #content {	left: -3px;	height: 450px;}h1 {	display:inline;	font-size: 16px;	margin: 0px 0px 0px 0px;	padding: 0;	color: #705d35;	font-weight: bold;}h2 {	display:inline;	font-size: 16px;	font-weight: bold;	color: #000000;	margin: 0px 0px 0px 0px;}h3 {	display:inline;	font-size: 16px;	margin: 0px 0px 0px 0px;	padding: 0;	color: #ffffff;	font-weight: bold;}#content p {	position: relative;	margin-top: 0px;	text-align:justify;}#content a {	text-decoration: underline;	color: #3DAAEA;}#content a:hover {	text-decoration: none;}p { margin: 0; }/* images */img {   border: 0px solid #f3db6b;	padding: 0px;}img.float-right {  	margin: 0px 8px 10px 5px;  }img.float-left {  	margin: 0px 20px 10px 0px;	clear: both;}.textmiddle {vertical-align:middle;}ul, ol {	margin: 8px 20px;	padding: 0 20px; }/* FORM */#title {	width: 400px;	height: 26px;	color: #5A698B;	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;	padding-top: 5px;	background: transparent url("left-col.gif");	text-transform: uppercase;	letter-spacing: 2px;	text-align: center;}form {	width: 400px;}.col1 {	text-align: right;	width: 100px;	height: 31px;	margin: 0;	float: left;	background: url(left-col.gif);}.col2 {	width: 300px;	height: 31px;	display: block;	float: left;	margin: 0;	background: url(left-col.gif);}.col2comment {	width: 300px;	height: 98px;	margin: 0;	display: block;	float: left;	background: url(left-col.gif);}.col1comment {	text-align: right;	width: 100px;	height: 98px;	float: left;	display: block;	background: url(left-col.gif);}div.row {	clear: both;	width: 400px;}.submit {	height: 29px;	width: 400px;	padding-top: 5px;	clear: both;} .input {	background-color: #fff;	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;	color: #5A698B;	margin: 4px 0 5px 8px;	padding: 1px;	border: 1px solid #8595B2;}.textarea {	border: 1px solid #8595B2;	background-color: #fff;	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;	color: #5A698B;	margin: 4px 0 5px 8px;}/* 				Footer --------------------------------------------------- */#footer {	clear: both;	position: relative;	width: 813px;	display: block;	margin: 0 auto;	padding: 10px 20px;	font-family: Arial, Helvetica, sans-serif;	font-size: 0.80em;	color: #FFFFFF;	line-height: 120%;}#footer a {	text-decoration: none;	color: #3DAAEA;}#footer a:hover {	text-decoration: underline;}#footer strong {	color: #3DAAEA;}#footer div.left {	text-align: left;}#footer div.right {	text-align: right;}#footerCenter {	border-left: 1px dotted #3DAAEA;	border-right: 1px dotted #3DAAEA;	margin: 0px 17px;	text-align: center;	padding: 0px 6px;}div.footerBlock {	width: 255px;	display: block;	margin: 0px 0px 10px 0px;	float: left;}

here's the htm

<!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" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><meta name="keywords" content="Gourmet dog treats, healthy dog treats, all natural dog treats, dog bakeries, homemade dog treats, K-9 treats"/><meta name="DC.title" content="Cold Nose Gourmet"/><meta name="description" content="Homemade, all natural gourmet dog treats that are fresh baked with no added sugar, sodium, preservatives, by-products, or colorings.  All treats baked fresh to order.  Only human grade ingredients used"/><meta name="author" content="David Alvey"/><meta name="copyright" content="PG 2008"/><meta name="expires" content="never"/><meta name="publisher" content="David Alvey"/><meta name="identifier-url" content="http://www.coldnosegourmet.com"/><meta name="revisit-after" content="2 days"/><meta name="category" content="decoration"/><meta name="robots" content="index, follow, all"/><link rel="shortcut icon" href="favicon.ico"/><link href="core.css" rel="stylesheet" type="text/css"/><!--[if lt IE 7.]><script defer type="text/javascript" language="javascript" src="pngfix.js"></script><![endif]--><title>Cold Nose Gourmet</title><style type="text/css">.centerbox {margin: 0px 0px 0px 0px;padding: 10px 0px 5px 14px;width: 780px;height: 450px;text-align:justify;}#content {	position: relative;	min-height: 450px;	margin: 0 auto;	padding: 5px 5px 5px 5px;		font-size: 8pt;	color: #333333;    margin: 0 0 0 0px;     width: auto;    height: _200px;	text-align:justify;}</style></head><body>  <div id="bodyCont">	   <div id="headerCont">		   <div id="header">		   <!-- navigation starts-->	            <div id="nav">              <ul>                 <li><a href="home.htm">Home          </a></li>                 <li><a href="store.htm" class="current">Online Store          </a></li>                 <li><a href="about.htm">About Us          </a></li>                  <li><a href="faqs.htm">F.A.Qs          </a></li>                 <li><a href="contact.htm">Contact Us          </a></li>               </ul>                 </div><!-- navigation end-->           </div>	   </div>  </div>	    <div id="coreCont">	  <div class="centerbox">	     <div class="content">              <p><h2>Online<h1> Store</h1></h2><br/><br/>Please contact us with any questions or comments regarding our products, articles, policies or website.  We are always interested in hearing your feedback.  <br/><br/><h2>Cold Nose Gourmet</h2><br/>P.O. Box 9132<br/>Gallatin, TN 37066<br/>615.452.6289<br/><a href="mailto:info@coldnosegourmet.com">info@coldnosegourmet.com</a>20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.</p><br/></div>      </div>	  <div class="clear"></div>             </div>    <div id="footerCont">		<div id="footer">		   <div class="footerBlock right">				<p><h3>Cold Nose Gourmet</h3><br/>				P.O. Box 9132<br/>Gallatin, TN 37066<br/>615.452.6289<br/><a href="mailto:info@coldnosegourmet.com">info@coldnosegourmet.com</a></p></div>		   <div class="footerBlock" id="footerCenter">				<p>COPYRIGHT 2008 - Cold Nose Gourmet<br/><br/>			  Designed by <br/><a target="_blank" href="http://www.premieregraphix.com"><img border="0" src="PG-tag.png"></a></p></div>           <div class="footerBlock left">				<p>Links of Interest:<br/>				<a href="terms-conditions.htm" title="Conditions">Terms & Conditions</a><br/>				<a href="" title="Privacy Policy">Privacy Policy</a><br/></p></div>	    </div>    </div></body></html>

here's the screen shot scroller.gifTHANKS IN ADVANCE..

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...