SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Need to butt navbar up against content in IE

    I am having trouble butting the navbar up against the content below it. I am using tabbed buttons, and want it to look like they are connected to the content box. Of course, it works great in FF, but won't work in IE. I think I am overlooking something, but I can't figure out what it is. Any help would be great!

    Here is the website , and here is the css...

    Code:
    body, html{
    	margin : 0 auto;
    	padding : 0;
    	background-color : #FFF;
    	color : #000;
    }
    
    body{
    	min-width : 800px;
    }
    
    
    .clearfix:after{
    	content : "."; 
    	display : block; 
    	height : 0; 
    	clear : both; 
    	visibility : hidden;
    }
    
    .clearfix{
    	display : inline;
    }
    
    /* mac hide \*/
    * html .clearfix{
    	height : 1%;
    }
    
    .clearfix{
    	display : block;
    }
    /* End hide */
    
    /*-----------------------------*/
    /*---------- LAYOUT ----------*/
    /*-----------------------------*/
    
    #container{
    	width : 800px;
    	margin : 0 auto;
    	padding : 0;
    	background : #FFF;
    	color : #000;
    }
    
    #header{
    	float : left;
    	width : 800px;
    	background-color : #FFF;
    	padding : 0 0 5px 0;
    	text-align : center;
    	color : #000;
    }
    
    #navigation{
    	float : left;
    	width : 800px;
    	height : 40px;
    	text-align : left;
    	margin : 0;
    	padding : 0 0 0 26px;
    	background-color : #FFF;
    	color : #000;
    }
    
    #content{
    	clear : both;
    	width : 800px;
    	margin : 0 auto;
    	padding : 0;
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 12px;
    	color : #000;
    	background : url('../pics/background_content.gif') no-repeat top center #FFF;
    }
    
    #scrollbox{
    	position : relative;
    	top : 20px;
    	width : 760px;
    	height : 350px;
    	overflow : scroll;
    	margin : 0 auto;
    	background-color : #FFF;
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 12px;
    	color : #4E4E4E;
    }
    
    #footer{
    	clear : both;
    	width : 800px;
    	text-align : center;
    	margin : 0 auto;
    	padding : 0;
    	background-color : #FFF;
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 11px;
    	font-weight : bold;
    	color : #4E4E4E;
    }
    
    #emailsignup{
    	clear : both;
    	width : 400px;
    	background-color : #FFF;
    	color : #000;
    }
    
    div.spacer{
    	clear : both;
    }
    
    /*------------------------------------------------*/
    /*---------- LINKS, IMAGES, LISTS, ETC ----------*/
    /*------------------------------------------------*/
    
    #navigation ul{
    	list-style : none;
    	margin : 0;
    	padding : 0;
    }
    
    #navigation ul li{
    	display : inline;
    	padding : 0;
    }
    
    #footer a{
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 11px;
    	font-weight : bold;
    	color : #4E4E4E;
    	background-color : #FFF;
    }
    
    #footer a:hover{
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 11px;
    	font-weight : bold;
    	color : #4E4E4E;
    	text-decoration : none;
    	background-color : #FFF;
    }
    
    #footer ul{
    	list-style : none;
    	margin : 0;
    	padding : 0;
    }
    
    #footer ul li{
    	display : inline;
    }
    
    form{
    	padding : 0;
    	margin : 0;
    }
    
    form input.text{
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 11px;
    	font-weight : bold;
    	color : #5B5B5B;
    	background-color : #FFF;
    }
    
    form input.submit{
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 12px;
    	font-weight : bold;
    	color : #5B5B5B;
    	background-color : #FFF;
    }

  2. #2
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use #navigation ul a img{vertical-align:bottom;}

  3. #3
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cool, that worked! 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
  •