SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Help with gaps

  1. #1
    SitePoint Enthusiast
    Join Date
    May 2004
    Location
    scotland
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with gaps

    hi, can anyone help with these gaps which Ive managed to get at the top and bottom of my main text??

    the page SHOULD look like this

    but I'm getting this effect

    help very much appreciated

    my CSS is:

    Code:
    body {
    	background: #999 ;
    	margin: 0;
    	padding: 0;
    }
    
    
    ////////// TYPOGRAPHY //////////
    */
    
    p,ul,ol,li,dt,dl,dd,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
    
    p { font: small/1.8em georgia, tahoma, verdana, tahoma, arial, helvetica, sans-serif; color: #000; }
    
    
    
    /*
    ////////// CONTAINERS //////////
    */
    
    
    #container {
    	margin-left:auto;
    	margin-right:auto;
    	background: #cc9;
    	border-left: solid 5px #fff;
    	border-right: solid 5px #fff;
    	border-bottom: solid 5px #fff;
    	width:503px;
    }
    
    #frame{
    	margin-left:auto;
    	margin-right:auto;
    	background: #999 url(container.jpg) repeat-y;
    	width:575px;
    }
    #pageHeader img{display:block;}
    #pageHeader {
    	margin: 0;
    	background: #000 url(banner1.jpg);
    	height: 248px;
    	border-bottom:#fff solid 5px;
    	
    }
    
    
    #main{
    margin 0;
    	background:#ffc;
    	margin-left:160px;
    
    }
    
    
    
    /*
    ////////// LISTS //////////
    */
    
    
    #left_col {
    	position: absolute; 
    	top: 253px;
    	
    	width: 160px;
    	background:#cc9;
    }
    
    #left_col2 { 
    	font: 9px/12px georgia, tahoma, verdana, arial, helvetica, sans-serif;
    	text-transform: uppercase;
    	color: #333;
    	width: 160px;
    }
    
    #left_col ul { list-style: none; }
    
    #left_col li {
    	
    	line-height: 15px;
    	text-transform: uppercase;
    }
    
    #left_col li a {
    	display: block;
    	color: #c32;
    	font: bold  small/1.8em georgia, tahoma, verdana, arial, helvetica, sans-serif;
    	text-transform: none;
    	width:128px;
    	padding-left:8px;
    	margin-left:2px;
    }
    
    #left_col li a:hover { 
    	color: #000;
    	border: none;
    	background:#ccc;
    }
    
    #left_col li a.c {
    	color: #333;
    	font-size: 9px;
    	font-weight: normal;
    	display: inline;
    	padding: 0;
    	text-transform: uppercase;
    }
    
    #left_col li a.c:hover { color: #888; }
    and my html:
    Code:
    <body >
    <div id="frame">
    <div id="container">
    	<div id="pageHeader"></div>
    	<div id="main">
    			<p>
    			main text here
    			</p>
    	</div>
    	<div id="left_col">
    		
    
    		<div id="left_col2">
    
    			<ul>
    					<li><a href="index.php" title="AccessKey: a" accesskey="a">Home</a> </li>
    					<li><a href="gallery.php" title="AccessKey: b" accesskey="b">Gallery</a></li>
    					<li><a href="contact.php" title="AccessKey: c" accesskey="c">Contact</a></li>
    					<li><a href="map.php" title="AccessKey: m" accesskey="m">Find Us</a></li>
    					<li><a href="links.php" title="AccessKey: d" accesskey="d">Links</a></li>
    
    				</ul>
    			
    
    			
    		</div>
    
    	
    	</div>
    			
    </div> <!-- container -->
    
    </div>
    </body>

  2. #2
    Non-Member
    Join Date
    Dec 2006
    Location
    Steubenville, Ohio
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    #main p {
      margin: 0;
    }

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2004
    Location
    scotland
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    great! its working a treat now, thanks


Bookmarks

Posting Permissions

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