1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Problem with header

Discussion in 'CSS' started by mimptres, Sep 29, 2009.

0
  1. #1
    Hello to everyone, im have a problem in my website, the header in firefox show fine but in IE dont, here left a captures:


    http://img.up2host.com/view-61ie.png (IE)

    http://img.up2host.com/view-38firefox.png (firefox)

    here are the css:

    #uni_header .uni_header_inner .top_bar .lower_newmail a.nickname{
	color:#575774;
	font-weight:700;
	font-size:12px;	
}
#uni_header .uni_header_inner .top_bar .lower_newmail .home{
	color:#747474;
}
#uni_header .uni_header_inner .top_bar .lower_newmail .img_home{
	width:22px;
	height:17px;
}
* html #uni_header .uni_header_inner .top_bar .lower_newmail .img_home{
	height:18px;
}
#uni_header .uni_header_inner .top_bar .lower_newmail a.edit_myhome{
	color:#747474;
}
#uni_header .uni_header_inner .top_bar .lower_newmail a{
	color:#747474;
	font:400 11px arial;
}
#uni_header .uni_header_inner .top_bar .lower_newmail{
	color:#747474;
	font:400 11px arial;
	float:left;
	padding:0 7px;
	background:url("../images/icon_home_22x17.gif") no-repeat 5px 1px;
}
* #uni_header .uni_header_inner .top_bar .lower_newmail{
	padding-top:1px;
}
*+#uni_header .uni_header_inner .top_bar .lower_newmail{
	padding-top:0px;
}
/* Constructor */
#uni_header{
	width:974px;
	height:79px;
	margin:auto;
	margin-bottom:0px;
}
#uni_header .uni_header_leftCorner{
	width:5px;
	height:79px;
	float:left;
	background:url("../images/uni_header_leftcorner.gif") no-repeat;	
}
* html #uni_header .uni_header_leftCorner{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./templates/blufun/images/uni_header_leftcorner.gif', sizingMethod='');
}
#uni_header .uni_header_rightCorner{
	width:5px;
	height:79px;
	float:left;
	background:url("../images/uni_header_rightcorner.gif") no-repeat;	
}
* html #uni_header .uni_header_rightCorner{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./templates/blufun/images/uni_header_rightcorner.gif', sizingMethod='');
}
#uni_header .uni_header_rightCorner{
	float:left;
}
#uni_header .uni_header_inner{
	width:964px;
	height:79px;
	background:url("../images/uni_header_center.gif") repeat-x;
	float:left;	
}
#uni_header .uni_header_inner .brand_logo{
	width:160px;
	height:79px;
	float:left;
	overflow:hidden;
}

#uni_header .uni_header_inner .top_bar{
	float:left;
	width:804px;
	height:28px;
}
#uni_header .uni_header_inner .bottom_bar{
	float:left;
	width:804px;
	height:51px;
}
#uni_header .uni_header_inner .bottom_bar .product_list{
	float:left;	
	margin-top:12px;
}
#uni_header .uni_header_inner .bottom_bar .product_list .product_item{
	float:left;
}
#uni_header .uni_header_inner .bottom_bar .product_list .product_item .line{
	padding:0 10px;
	font-size:12px;
	color:#fff;
}
#uni_header .uni_header_inner .bottom_bar .product_list .product_item a{
	font:400 15px/28px arial;
	color:#fff;
}
#uni_header .uni_header_inner .top_bar .link_list{
	float:right;
}
#uni_header .uni_header_inner .top_bar .link_item{
	background:url("../images/bg_link_list_line.gif") no-repeat 0 6px;
	float:left;
	padding:0 7px;
}
#uni_header .uni_header_inner .top_bar .first_item{
	background:none;
	padding-left:0px;
}
#uni_header .uni_header_inner .top_bar .link_item a{
	font:400 11px/27px tahoma;
	color:#747474;
}
*html #uni_header .uni_header_inner .top_bar .link_item a{
	line-height:26px;
}
*+html #uni_header .uni_header_inner .top_bar .link_item a{
	line-height:24px;
}
#uni_header .uni_header_inner .top_bar .link_item .logo_timnhanh_small{
	margin-top:3px;
	background:url("../images/logo_timnhanh_small.gif") no-repeat;
}
#uni_header .uni_header_inner .top_bar .link_item .btn_login{
	background:url("../images/btn_login_86x23.gif") no-repeat;
	width:86px;
	height:23px;
	text-align:center;
	display:block;
	margin-top:2px;
}
#uni_header .uni_header_inner .top_bar .link_item a:hover.login_button .btn_login{
	color:#615d51
}
#uni_header .uni_header_inner .top_bar .link_item a.login_button{
	color:#2f2b21;
	font:bold 12px/23px Arial;
	cursor:pointer;
}
#uni_header .uni_header_inner .top_bar .link_item a.login_button:hover{
	text-decoration:none;
}
#uni_header .uni_header_inner .top_bar .lower_newmail .lower_hline{
	padding:0 6px;
}
#uni_header .uni_header_inner .top_bar .icon_newmail{
	width:22px;
	height:15px;
	background:url("../images/icon_new_mail_22x16.gif") no-repeat left top;
	margin-top:3px;
}
* html #uni_header .uni_header_inner .top_bar .icon_newmail{
	height:16px;
}
*+html #uni_header .uni_header_inner .top_bar .icon_newmail{
	height:15px;
	margin-top:0;
}
#uni_header .uni_header_inner .bottom_bar .search_form{
	float:right;
	padding:14px 7px 0 0;
	position:relative;
}
#uni_header .uni_header_inner .bottom_bar .search_form li{
	float:left;
	margin-left:4px;
}
#uni_header .uni_header_inner .bottom_bar .search_form li .frm_search{
	border:0;
	width:137px;
	position:absolute; /* fix FF3 */
	margin:3px 0 0 2px;
}
* html #uni_header .uni_header_inner .bottom_bar .search_form li .frm_search{
	margin-bottom:3px;
}
*+html #uni_header .uni_header_inner .bottom_bar .search_form li .frm_search{
	margin-bottom:3px;
}
#uni_header .uni_header_inner .bottom_bar .search_form li.cover_search{
	width:163px;
	height:18px;
	border:1px solid #ccc;	
	background:#fff;
	margin:2px 0 0 0;
	overflow:hidden;
	padding:0;
}
#uni_header .uni_header_inner .bottom_bar .search_form li.cover_opt{
	height:22px;
	overflow:hidden;
}
#uni_header .uni_header_inner .bottom_bar .search_form .search_opt{
	border:1px solid #ccc;	
	padding:1px 0;
	width:85px;
	height:20px;
	font-size:12px;
	margin-top:2px;
	overflow:hidden;
}
*+html #uni_header .uni_header_inner .bottom_bar .search_form .search_opt{
	height:20px;
}
#uni_header .uni_header_inner .bottom_bar .search_form .btn_tim{
	background:url("../images/btn_login_86x23.gif") repeat-x;
	width:86px;
	height:23px;
	font:700 13px/23px Arial;
	color:#333;
	display:block;
	text-align:center;
}
#uni_header .uni_header_inner .bottom_bar .search_form a.btn_tim:hover{ 
	text-decoration:none;
	color:#615d51;
}
#uni_header .uni_header_inner .bottom_bar .search_form li.cover_search .typing_icon{
	background:url("../images/typing_v.gif") no-repeat;
	background-position:top;
	cursor:pointer;
}

#ym_header{
	width:974px;
	height:60px;
	margin:0 auto;
}
#ym_header .logo{
	width:538px;
	height:100px;
	float:left;
	padding:2px 0 0 20px;
}
#ym_header .logo img{ float:left;}
#ym_header .logo .text_search{
	height:58px;
	width:200px;
	overflow:hidden;
	float:left;
}
#ym_header .ul_loged{
	width:314px;
	height:55px;
	padding:5px 12px 0 90px;
	float:left;
}
#ym_header .ul_loged li .loged_avatar_img{
	float:left;
}
#ym_header .ul_loged li .p_loged{
	float:left;
	width:250px;
	height:48px;
	overflow:hidden;
	padding-left:10px;
	font:800 16px/48px Times New Roman;
 	color:#868686;
}
#ym_header .ul_loged li .p_loged a{
	font:800 16px Times New Roman; 
	color:#000;
}
#ym_header .login{
	width:404px;
	height:50px;
	padding:10px 12px 0 0;
	float:left;
}
#ym_header .login .form_login{
	height:21px;
	padding-bottom:5px;
}
#ym_header .login .form_login .username{
	width:142px;
	padding:3px 2px 3px 5px;
	font:normal 11px tahoma;
	color:#868686;
	margin-right:6px;
	border:1px solid #bcbcbc;
	float:left;
	background:url("../images/bg_input_psd.gif") no-repeat right top;
}
#ym_header .login .form_login .password{
	background:url("../images/bg_input_psd.gif") no-repeat right bottom;
}
#ym_header .login .form_login .btn_login{
	background:url("../images/btn_dn_1x19.gif") repeat-x;
	height:19px;
	padding:0 11px;
	border:1px solid #dfdddd;
	display:block;
	font:bold 11px/18px tahoma;
	color:#333;
	text-decoration:none;
	float:left;
}
#ym_header .login .text{
	clear:both;
	float:none;
	font:normal 11px Arial;
	color:#4e4e4e;

}
#ym_header .login .text span.gach{
	padding:0 6px;
}
#ym_header .login .text .link{
	font:normal 11px Arial;
	color:#01878b;
}
#ym_header .login .text .for_checkbox{
	margin-right:5px;
}

* html #ym_header .login .text .for_checkbox{
	margin-left:-3px;
	margin-right:2px;
}
*+html #ym_header .login .text .for_checkbox{
	margin-left:-3px;
	margin-right:2px;
}


.smartsearch{
	width:273px;
	height:152px;
	position:absolute;
	top:37px;
	left:-4px;
	border:1px solid #cfcfcf;
	background:#fff;
	overflow:auto;
}
.smartsearch a{
	font:400 11px/15px arial;
	color:#333;
	display:block;
	clear:both;
	float:left;
	width:245px;
	padding:0px 6px 0 5px;
}
.smartsearch a:hover{
	background:#cfcfcf;
	text-decoration:none;
}
.smartsearch a.select{
	background:#cfcfcf;
}
.smartsearch a.unselect{
	background:none;
}
.smartsearch .left_keyword{
	display:block;
	float:left;
	cursor:pointer;
}
.smartsearch .right_result{
	display:block;
	float:right;
	cursor:pointer;
}
    Code (markup):
    the code where i set up the height is:

    #ym_header{
    width:974px;
    height:60px;
    margin:0 auto;

    i dotn know why, please somebody who can helpme, thanks
     
    mimptres, Sep 29, 2009 IP