User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 373,933 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,151 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Content Breaking thru Borders

Join Date: Apr 2006
Location: San Jose, CA
Posts: 24
Reputation: Spycat is an unknown quantity at this point 
Rep Power: 3
Solved Threads: 0
Spycat's Avatar
Spycat Spycat is offline Offline
Newbie Poster

Help Content Breaking thru Borders

  #1  
Nov 4th, 2006
Hi all,

I am having a problem with the contents of my page breaking thru the bottom border of my page. It looks fine in Explorer (that's a turn-about, eh?) but at 800 x 600 or lower, in Firefox it breaks.
Anything I am overlooking?
Thanks

The URL:
http://www.chocolatelover.net/
The HTML:

<!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>Chocolate Lover</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="chocolate,recipe,dessert,desserts,cookie,cookies,coco,cocoa,cake,brownie,pie,pies,sweet,valentine,boyfriend,girlfriend,love,gift,gifts,romance,romantic,chocolate addiction,buy chocolate,purchaes chocolate,chocolate sales,godiva,godiva chocolate" />
<meta name="Description" content="chocolate recipes for cookies, cakes, brownies, pies, etc. Links to other chocolate-related sites. Chocolate sales." />
<meta name="copyright" content="2000" />
<meta name="author" content="Rick Shrum" />
<meta name="revisit-after" content="1 week" />
<meta name="Robot" content="ALL" />
<meta name="rating" content="General" />
<meta name="DC.Title" content="Chocolate Lover" />
<meta name="DC.Creator" content="Rick Shrum" />
<meta name="Description" content="chocolate recipes for cookies, cakes, brownies, pies, etc. Links to other chocolate-related sites. Chocolate sales." />

<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if lt IE 7]><script src="pngfix.js" type="text/javascript"></script><![endif]-->
</head>




<body>
<div style="margin-bottom:3%;">
<div align="center" style="margin-top:10px;">
 <script type="text/javascript" language="javascript" src="http://www.anrdoezrs.net/placeholder-578035?target=_blank&mouseover=N"></script>
 </div>
<div align="center" style="margin:0 auto;">
  
  <img src="choclvr.gif" style="width:443px;height:40px; padding-top:20px;" /> <br />
  <img src="swirl.gif" width="359" height="58" align="absbottom" />
  </div>
<br />
<div class="menu" style="float:left;width:15%; padding:0px 15px 0px 15px; border:0px; padding-bottom:5px;">
  <p>
 	<a href="index.html">
	<img src="small-kiss.png" width="22" height="22" align="texttop" alt=":-*" border="0" /></a>
	<a href="index.html">Home</a>
</p>
 <p>
 	<a href="brownies.html">
 	<img src="small-kiss.png" width="22" height="23" align="texttop" alt=":-*" border="0" /></a>
	<a href="brownies.html">Brownies</a>
 </p>
 
  <p>
  	<a href="cakes.html">
	<img src="small-kiss.png" width="22" height="23" align="texttop" alt=":-*" border="0" /></a> 
      
	  <a href="cakes.html">Cakes</a>
  </p>
  
  <p>
  	 <a href="candy.html"><img src="small-kiss.png" width="22" height="23" align="texttop" alt=":-*" border="0" /></a> 
      
     <a href="candy.html">Candy</a>
  </p>
  
  <p>
  		<a href="cookies.html"><img src="small-kiss.png" width="22" height="23" alt=":-*" align="texttop" border="0" /></a> 
      
	  <a href="cookies.html">Cookies</a>
  </p>
  
  <p>
  		<a href="pies.html">
		<img src="small-kiss.png" width="22" height="23" align="texttop" alt=":-*" border="0" /></a> 
         <a href="pies.html">Pies</a>  
	</p>
	
  <p>
  		<a href="various.html"><img src="small-kiss.png" width="22" height="23" align="texttop" alt=":-*" border="0" /></a> 
      <a href="various.html">Various</a>
  </p>
  
  <p>
  		<img src="small-kiss.png" width="22" height="23" align="texttop" alt=":-*" />
      <a href="links.html">Links</a>
	 </p>
</div>
<div style="float:left;margin:0 auto;width:70%;background-image:url(darkchoc.gif); border: 4px outset #3b2525;padding:15px;font-family:'comic sans ms';font-size:1em;color:#ffffff; line-height:150%;">
<!--<table border="3" background="darkchoc.gif" bordercolorlight="#B75B00" bordercolordark="#996633" bgcolor="#663333" bordercolor="#5B2E00" cellpadding="2" cellspacing="2" align="center" hspace="0" style="width:75%;margin-right:15%;">-->
  
    <p>
	<span style="font-size:2em;">C</span>hocolate...<br />
      No other food invokes such intense reactions as does this cocoa-derived 
      fare.<br />
      This passion for the stuff extends way past the gastromomical aspects and 
      ventures into the psychological realm. &quot;Sensuous&quot;, &quot;decadent&quot;, 
      &amp; &quot;sinful&quot; are just a few of the adjectives used to describe 
      chocolate. Are we eating a candy bar here or engaging in an illicit affair? 
      <br />
      Although chocolate has not yet been targeted by D.A.R.E., people <i>do </i>seem 
      to prone to developing a compulsion for it. While not dismissing the appeal 
      of other flavors, there are no wide-spread accounts of vanilla addiction...no 
      one leaves the snug confines of their home at midnight to satisfy a craving 
      for butterscotch.<br />
      Nope, there is nothing quite like chocolate. I hope you also find that there 
      is nothing quite like this website that is dedicated to this wonderous substance. 
      Please come back here again and again because there will always be new things 
      added. Recipes, links, information...you will find it all here in this, 
      the Sweetest Place in Cyberspace!
  </p>
</div>
<div style="clear:both;margin:0 auto; text-align:center"><br />
  <br />
  
  <img src="chocline.gif" width="33%" height="15" /> 
  <br />
  <img src="chocline.gif" width="16%" height="15" /> 
</div>
<p align="center"><img src="swirl.gif" width="359" height="58" /> </p>
<p></p>
<div style="width:5px;height:5px;margin:0 auto; text-align:center; overflow:hidden;">
<a target="_top" href="http://extremetracking.com/open?login=rik408">
<img src="http://t1.extreme-dm.com/i.gif" height="38"
border="0" width="41" alt="" /></a><script language="JavaScript1.2" type="text/javascript"><!--
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;//-->
</script><script language="JavaScript" type="text/javascript"><!--
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img src=\"http://v0.extreme-dm.com",
"/0.gif?tag=rik408&j=y&srw="+EXw+"&srb="+EXb+"&",
"l="+escape(EXd.referrer)+"\" height=1 width=1>");//-->
</script><noscript><img height="1" width="1" alt=""
src="http://v0.extreme-dm.com/0.gif?tag=rik408&amp;j=n" /></noscript>
</div>
</div>
</body>
</html>

The CSS:
html
	{
		height:100%;
		border-spacing:
	}
	
body
	{
		background-color:#ffffff;
		background-image:url(spreckles.gif);
		background-attachment:fixed;
		font-family:'comic sans ms',cursive;
		color:#6B4229;
		border: 3px ridge #8b4513;
		height:100%;
	}

.menu
	{
		font-family:'comic sans ms';
		font-size:12pt;
		color:#B6637B;
		font-weight:600;
		vertical-align:middle;
	}

.menu img
	{
		padding-right:5px;
	}

.menu a:link
	{
		text-decoration:none;
		color:#c26a6a;
		font-weight:600;
	}

.menu a:visited
	{
		text-decoration:none;
		color:#c28c6a;
	}
	
.menu a:hover
	{
		text-decoration:underline overline;
		color:#61a55a;
	}
AddThis Social Bookmark Button
Reply With Quote  
All times are GMT -4. The time now is 6:19 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC