Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Unhappy unnecessary spacing in FireFox

    Site: http://www.freewebs.com/emaj/beta.htm
    Validation:http://validator.w3.org/check?uri=ht...Inline&group=0
    CSS Source: http://www.freewebs.com/emaj/style.css
    HTML Source:
    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>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.

    Is there a way to eliminate that extra space without having to remove any margins?

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    replace this class with the new one

    Code:
    .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

    Code:
    padding-top:10px;
    Last edited by jcdevelopment; 02-23-2008 at 12:09 AM.

  • Users who have thanked jcdevelopment for this post:

    Emaj (02-23-2008)

  • #3
    New Coder
    Join Date
    Jul 2007
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ah, I knew I forgot to edit something. Thanks

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    no problem


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •