...

View Full Version : unnecessary spacing in FireFox



Emaj
02-22-2008, 11:52 PM
Site: http://www.freewebs.com/emaj/beta.htm
Validation:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.freewebs.com%2Femaj%2Fbeta.htm&charset=%28detect+automatically%29&doctype=Inline&group=0
CSS Source: http://www.freewebs.com/emaj/style.css
HTML Source:
<!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>A New Beginning - ANB - World 11</title>
<link href="style.css" rel="stylesheet" type="text/css" />

</head>
<body>
<!-- Freewebs Sticker -->
<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/bar_cornerblue.js" type="javascript">
</script>
<div id="container">
<div id="header">


</div>

<div id="navi">
<ul>
<li> <a href="#">Home</a> </li>
<li><a href="#">About us</a></li>
<li><a href="#">Want to join?</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Hall of Fame</a></li>

</ul>
</div>
<div id="content">

<div class="middle_column">
<div class="middle_header">
<h1>Welcome to ANB's Official Website</h1>
</div>
<div class="middle_back">

<div class="content">
Hey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey there</div>
</div>
<div class="middle_footer"></div>
</div>
<div class="middle_column">
<div class="middle_header">
<h1>Welcome to ANB's Official Website</h1>

</div>
<div class="middle_back">
<div class="content">
Hey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey thereHey there</div>
</div>
<div class="middle_footer"></div>
</div>
</div>


<div id="footer">
Tribalwars.com | Designed and Coded by Keyes456
2007-2008
</div>

</div>

<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></body>
</html>



Problem: There is some spacing between the navigation and the content.
http://i2.photobucket.com/albums/y9/emaj/example101.gif
Is there a way to eliminate that extra space without having to remove any margins?

jcdevelopment
02-23-2008, 12:07 AM
replace this class with the new one




.middle_column {

width:569px;
height:auto;
background-color: #999999;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
margin-top: 0px;}



that will do itfor that, and it will probably change in ie, so add this to the content div



padding-top:10px;

Emaj
02-23-2008, 12:12 AM
Ah, I knew I forgot to edit something. Thanks :)

jcdevelopment
02-23-2008, 12:17 AM
no problem



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum