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 2 of 2
  1. #1
    New Coder
    Join Date
    Aug 2006
    Location
    Kansas, USA
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question white space trouble

    I have this code:
    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" xml:lang="en" lang="en">
    <head>
    	<title>
    		LaLa Web Design
    	</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
      <div class="container">
    	<div class="header">
    		<p class="headtext">
    			LaLa Web Designs
    		</p>
    	</div>
    		<div class="leftdiv">
    			<div class="le">
    			   Navigation
    			</div>
    			<ul id="nav">
    			  <li><a href="index.html" class="nav2">Home</a></li>
    			  <li><a href="#" class="nav2">Art</a></li>
    			  <li><a href="#" class="nav2">Services</a></li>
    			  <li><a href="#" class="nav2">About</a></li>
    			  <li><a href="#" class="nav2">Links</a></li>
    			</ul>
    		</div>
    		<div class="rightdiv">
    			<div class="righttitle">
    				Advertisements
    			</div>
    		<!-- advertisement code here-->
    		</div>
    	<div class="navdiv">
    		<a href="index.html" class="nav">Home</a>>Welcome Page
    	</div>
    
    	<div class="content">
    		<div class="title">
    			<p class="htitle">
    				Welcome to LaLa Land
    			</p>
    		</div>
    			<p class="text">
    		BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
    			</p>
    		</div>
      </div>
    </body>
    
    </html>
    CSS:
    Code:
    html {
    height:100%;
    width:100%;
    margin:0; 
    padding:0;
    }
    body {
    height:100%;
    
    font-family:"verdana";
    margin:0; 
    padding:0;
    background-color:#79a678;
    }
    
    .container {
    background:url(back.gif) repeat-y;
    height:100%;
    width:755px;
    margin:0 auto;
    text-align:left;
    }
    
    .header {
    width:755px; 
    height:85px; 
    text-align:left;
    padding:0;
    padding-left:50px;
    background-color:#79a678;
    }
    .leftdiv {
    float:left;
    top:0;
    background:url(bg.gif) top left no-repeat;
    width:130px;
    }
    .headtext {
    font-weight:500;
    font-family:"Bradley Hand ITC",papyrus,Comic Sans MS;
    font-size:72px;
    display:inline;
    margin-top:25px;
    }
    .content { 
    width:470px;
    padding:0;
    margin:0 auto;
    margin-top:5px;
    
    min-height:100px;
    background-color:#91c378;
    border:4px solid #79a678;
    }
    * html div.content {
    height:100px;
    }
    .rightdiv {
    float:right;
    width:140px;
    height:100px;
    padding:0;
    top:0;
    background:url(b2.gif) top right no-repeat;
    }
    .title {
    height:30px;
    text-align:center;
    border-bottom:4px solid #79a378
    }
    .righttitle { 
    font-weight:500;
    text-align:center;
    }
    .htitle {
    text-align:center; 
    color:#333;
    font-size:18px;
    display:inline;
    }
    .text {
    margin-left:10px;
    }
    .navdiv {
    width:350px; 
    margin:0;
    margin-left:135px;
    margin-top:35px;
    font-family:"verdana";
    font-size:11px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
    }
    #nav {
    list-style:none; 
    width:130px;
    float:left;
    padding:0;
    margin:0; 
    margin-top:10px;
    }
    #nav li {
    display:block;
    }
    #nav li a {
    padding:5px;
    padding-left:15px;
    display:block;
    font-family:"arial",verdana;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    border-left:5px solid #91c378;
    }
    #nav li a:hover {
    padding:5px; 
    padding-left:15px;
    display:block;
    font-family:"arial",verdana;
    font-size:16px;
    font-weight:bold;
    color:#333333;
    background-color:#a1cb78;
    text-decoration:none;
    border-left:5px solid #79a678;
    }
    a.nav {
    font-family:"verdana";
    font-size:11px;
    font-weight:600;
    color:#000;
    text-decoration:none;
    }
    a.nav:hover {
    font-family:"verdana";
    font-size:11px;
    font-weight:600;
    color:#000;
    text-decoration:underline;
    }
    *html #nav li {
    height:1%; 
    float:left;
    }
    *html #nav li a {
    height:1%;
    }
    .le {
    margin-top:30px;
    text-align:center;
    font-family:"arial",verdana;
    font-size:17px;
    font-weight:bold;	
    text-decoration:none;
    color:#333333;
    }
    and for some reason I have some unwanted white space off to the right of my container which I havent been able to get rid of. any advice is greatly appreciated.

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,338
    Thanks
    29
    Thanked 282 Times in 276 Posts
    You /do/ know that none of those images will work without a complete URL, right? I looked at it without images and I can't tell what you mean or which browser you refer to since it looks different between Firefox and Internet Explorer 6.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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