SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  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)

    Unhappy Having a layout issue

    I am having trouble making the header of my site connect to the body of the site. I want the dropdown taskbar to touch up to the content below without the dropdowns being covered up by the body. I have a high z-index on the taskbar, so it shouldn't be an issue. It seems to be working in IE, but can't make it work in Mozilla. Here is the page, and here is the css...

    Code:
    body, html{
    	margin : 0 auto
    	padding : 0px;
    	background : url("../pics/background_main.jpg") repeat-x #FEAC25;
    	color : #000000;
    }
    
    body{
    	min-width : 900px;
    }
    
    
    .clearfix:after{
    	content : "."; 
    	display : block; 
    	height : 0; 
    	clear : both; 
    	visibility : hidden;
    }
    
    .clearfix{
    	display : inline-block;
    }
    
    /* mac hide \*/
    * html .clearfix{
    	height : 1%;
    }
    
    .clearfix{
    	display : block;
    }
    /* End hide */
    
    /*-----------------------------*/
    /*---------- LAYOUT ----------*/
    /*-----------------------------*/
    
    #container_top{
    	width : 900px;
    	margin : 0 auto;
    	background : url("../pics/background_containertop.gif") no-repeat;
    }
    
    #container_header{
    	width : 900px;
    	height : 210px;
    	margin : 0 auto;
    	background : url("../pics/background_containerheader.gif") no-repeat;
    }
    
    #toptaskbar{
    	position : relative;
    	top : 10px;
    	left : 200px;
    }
    
    #announcement{
    	position : relative;
    	top : 16px;
    	left : 629px;
    }
    
    #navigation{
    	position : relative;
    	top : 25px;
    	left : 220px;
    }
    
    #container_body{
    	width : 900px;
    	margin : 0 auto;
    	background : url("../pics/background_container.gif") repeat-y;
    }
    
    #container_bottom{
    	width : 900px;
    	margin : 0 auto;
    	background : url("../pics/background_containerbottom.gif") no-repeat;
    }
    
    .container{
    	width : 800px;
    	padding-left : 50px;
    	padding-right : 50px;
    	background : transparent;
    }
    
    /*--------------------------------------------*/
    /*---------- FONTS, LINKS, COLORS ----------*/
    /*--------------------------------------------*/
    
    #toptaskbar, #toptaskbar a{
    	font-family : Arial, Verdana;
    	color : #000000;
    	font-size : 12px;
    	font-weight : bold;
    }
    
    #toptaskbar a:hover{
    	font-family : Arial, Verdana;
    	color : #FF0000;
    	font-size : 12px;
    	font-weight : bold;
    }
    
    /*---------------------------------------*/
    /*---------- NAVIGATION MENU ----------*/
    /*---------------------------------------*/
    
    #navigation #nav, #navigation #nav ul{ 
    	padding : 0; 
    	margin : 0; 
    	list-style : none; 
    	width : 600px;
    	background : #000000;
    	text-align : center;
    }
    
    #navigation #nav a{ 
    	display : block; 
    } 
    
    #navigation #nav li{
    	position : relative;
    	float : left; 
    	width : 100px;
    	color : #FFFFFF;
    	font-family : Arial, Verdana;
    	font-weight : bold;
    	font-size : 13px;
    	background : #000000;
    }
    
    #navigation #nav li.nolink{ 
    	float : left; 
    	width : 100px;
    	color : #FFFFFF;
    	font-family : Arial, Verdana;
    	font-weight : bold;
    	font-size : 13px;
    	background : #000000;
    }
    
    #navigation #nav li ul{ 
    	position : absolute; 
    	width : 115px; 
    	left : -999em; 
    	background : #000000;
    	text-align : left;
    	color : #FFFFFF;
    	font-family : Arial, Verdana;
    	font-weight : bold;
    	padding-left : 5px;
    	font-size : 13px;
    } 
    
    #navigation #nav li:hover ul, #navigation #nav li.sfhover ul{ 
    	left : 10px; 
    	top : 35px;
    }
    
    #navigation #nav li ul li{
    	font-family : Arial, Verdana;
    	font-size : 13px;
    	font-weight : bold;
    	color : #FFFFFF;
    	text-decoration : none;
    	padding-bottom : 5px;
    }
    
    #navigation #nav li ul li a{
    	font-family : Arial, Verdana;
    	font-size : 11px;
    	font-weight : bold;
    	color : #FFFFFF;
    	text-decoration : none;
    	padding-bottom : 2px;
    }
    
    #navigation #nav li ul li a:hover{
    	font-family : Arial, Verdana;
    	font-size : 11px;
    	font-weight : bold;
    	color : #EE0000;
    	text-decoration : none;
    	padding-bottom : 2px;
    }
    Any help would be appreciated!

  2. #2
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Never mind, I figured it out. Thanks anyways!


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
  •