Jump to content

Css Problem In I.e


ReDeeMerRSA
 Share

Recommended Posts

Hi all i hope someone can tell me what im doing wrong.ok i am using wordpress.and in a theme i have downloaded i have modified a few fields to make it my own. mainly the header and menu are giving me probsMy SiteNow in Firefox it looks 100%in I.E it does notand i have tried as much as i possibly can.. well to my knowledge :) (not much)ProblemMy header when i resize it from 187 to 250 (in i.e) pushes my menu bar underneath my content sectionCode/*header*/#header{ width:100%; height:250px; was 187px text-align:left;}#header_top{ width:100%; height:250px; was 147px background:url(images/header_top_bg.gif) no-repeat bottom;}now it seems that in i.e it pushes the Menu image underneath the main bodybut in firefox its the way it should beFull code

body{	padding:0px;	margin:0px;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	background:#86addc url(images/bg.gif) repeat-x top center;	width:100%;}img{	border:0px;}a{	color:#0054a6;	text-decoration:none;}form, table, ul, li{	padding:0px;	margin:0px;;}.sub{	border:0px;}input, textarea{	border:1px solid #cecece;	font-size:12px}div#page{	width:811px;	text-align:left;}/*header*/#header{	width:100%;	height:250px;	text-align:left;}#header_top{	width:100%;	height:250px;	background:url(images/header_top_bg.gif) no-repeat bottom;}#header_end{	width:100%;	height:70px;		background:url(images/header_end_bg.gif) no-repeat top;}#header_title{	color:#ffffff;	font-size:31px;	font-family: Verdana, Arial, Helvetica, sans-serif;	padding-top:70px;	padding-left:25px;}#header_title span{	color:#ffffff;	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	position:relative;	top:-5px;}/*menu*/#menu_items{	width:100%;	float:left;}#menu_search_box{	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#7f7f7f;	font-size:11px;	float:right;	width:24%;	padding-top:4px;	}#menu_search_box input.s{	width:95px;	font-size:13px;	color:#666666;	border:0px;	background:none;}#menu{	padding-left:15px;}div#menu #menu_pad{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:14px;	color:#FFFFFF;}div#menu a{	color:#FFFFFF;}div#menu a:hover{	color:#FFFFFF;}div#menu #menu_items div{	float:left;	margin-right:15px;	padding-right:8px;	padding-left:8px;	padding-top:3px;	height:22px;		position:relative;	top:-8px;}/* end menu *//* end header *//* blog*/div#page #blog{	background:#ffffff url(images/body_bg.gif) repeat-y top left;	float:left;		width:100%;}/* Original Calendardiv#blog #blog_top{	background:url(images/body_top_bg.gif) no-repeat top right;	float:left;	width:100%;}*/div#blog #blog_left{	width:587px;	float:left;	padding-top:25px;	background:url(images/body_left_bg.gif) no-repeat top left;}div#blog #blog_right{	width:188px;	padding-left:20px;	padding-top:10px;	float:left;	background:url(images/body_right_bg.gif) no-repeat right top;}/* sidebar*/#blog_right #sidebar{	padding-left:10px;	width:100%;}#blog_right #sidebar ul{	padding:0px;	margin:0px;}#blog_right #sidebar li{	padding:0px;	margin:0px;	list-style-type:none;}div#blog #blog_right #sidebar .widget_calendar{	padding-bottom:35px;	padding-left:15px;}div#blog #blog_right #sidebar table#wp-calendar{	font-size:11px;	color:#003471;	font-weight:normal;	width:90%;}div#blog #blog_right #sidebar table#wp-calendar caption{	font-weight:bold;	font-size:14px;	padding:0px;	margin:0px;	padding-top:5px;}div#blog #blog_right #sidebar table#wp-calendar thead th{	font-weight:bold;	color:#ffffff;	text-align:center;}div#blog #blog_right #sidebar table#wp-calendar td {	padding:2px;}div#blog #blog_right #sidebar table#wp-calendar td a{	background:#accfe9;	padding:2px;}div#blog #blog_right #sidebar table#wp-calendar tfoot a{	background:none;	color:#000000;	font-weight:bold;}#blog_right #sidebar h2{	color:#003471;	font-size:18px;	font-family:Arial, Helvetica, sans-serif;	margin:0px;	padding-bottom:5px;	padding-top:15px;	padding-left:15px;	font-weight:normal;	background:url(images/h2_li.gif) no-repeat center center;	height:31px;}#blog_right #sidebar ul li{	color:#2b2e31;	font-size:11px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;}#blog_right #sidebar li a{	color:#2b2e31;	font-size:11px;	font-family:Verdana, Arial, Helvetica, sans-serif;	text-decoration:none;	font-weight:normal;	line-height:19px;}#blog_right #sidebar ul li ul li{	font-size:11px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	padding-right:5px;	padding-bottom:5px;	background:none;	padding-left:15px;}#blog_right #sidebar ul li ul li ul li{	font-size:11px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:normal;	color:#2b2e31;	padding-bottom:0px;	padding-left:5px;}#blog_right #sidebar ul li ul li ul li a{	font-size:11px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:normal;	color:#2b2e31;}#blog_right #sidebar ul li ul li{	border-bottom:0;	background: url(images/solid_li.gif) center bottom no-repeat;}#blog_right #sidebar ul li.widget_categories ul li ul li{	border-bottom:0;	background: none;}#blog_right #sidebar ul li ul li ul{	padding-left:10px;}#blog_right #sidebar ul li ul li a{	background: url(images/bl_li.gif) left top no-repeat;	padding-left:9px;}#blog_right #sidebar ul li.widget_categories ul li a{	background: url(images/cat_li.gif) left top no-repeat;	padding-left:9px;}#blog_right #sidebar ul li.widget_archives ul li a{	background: url(images/ar_li.gif) left top no-repeat;	padding-left:9px;}#blog_right #sidebar ul li.widget_meta ul li a{	background: url(images/meta_li.gif) left top no-repeat;	padding-left:9px;}#blog_right #sidebar ul li.widget_categories li ul.children li a{	background: url(images/line_li.gif) left top no-repeat;	padding-left:9px;}/*inside*/#blog_left #blog_comm{	margin-left:100px;	float:left;	width:465px;}#blog_left #blog_comm h2{	font-size:23px;	font-weight:bold;	font-style:italic;	padding-left:0px;	color:#0072bc;	position:relative;	top:-10px;}#blog_left #blog_comm .comm_panel{	height:20px;	background:#d5e2f3;	padding-right:10px;	padding-left:10px;	padding-top:4px;	font-family:Verdana, Arial, Helvetica, sans-serif;	width:94%;}#blog_left #blog_comm .comm_panel a{	font-weight:bold;}#blog_left #blog_comm .comm_text{	font-family:Verdana, Arial, Helvetica, sans-serif;	line-height:18px;	padding-top:5px;	padding-bottom:5px;	padding-left:5px;	padding-right:5px;	border-bottom:3px solid #adc7e7;	color:#555658;	width:94%;}#blog_left #blog_comm .comm_text p{	padding:0px;	margin:0px;	margin-top:10px;}#blog_left #comments_from_bg{	background:url(images/blog_form_bg.gif) no-repeat top left;	width:460px;	padding-bottom:20px;}#blog_left #blog_comm #comm_post_title{	width:430px;	height:65px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:23px;	font-weight:normal;	padding-left:25px;	padding-top:10px;	color:#000000;	font-style:italic;}#blog_left #blog_comm #comm_post_form{	padding-left:25px;}#blog_left #blog_comm #comm_post_form input.text{	font-size:14px;}#blog_left #blog_comm #comm_post_form td{	list-style:none;	font-family:Verdana, Arial, Helvetica, sans-serif;	padding-bottom:10px;	padding-right:10px;}#blog_left #blog_comm #comm_post_form td.right{	text-align:right;	vertical-align:top;}/* end sidebar*//* blod item*/#blog_left .item_class{	width:90%;	padding-left:30px;	padding-bottom:30px;	float:left;}#blog_left .item_class .item_class_title{	width:560px;}#blog_left .item_class .item_class_title_text{	min-height:52px;}#blog_left .item_class .item_class_title_text .date{	float:left;	width:49px;	height:53px;	background:url(images/date_text_bg.gif) no-repeat top left;}#blog_left .item_class .item_class_title_text .titles{	float:left;	width:90%;	padding-bottom:5px;}#blog_left .item_class .item_class_title_text .date_month{	font-size:10px;	color:#ffffff;	font-family:Verdana, Arial, Helvetica, sans-serif;	padding-left:10px;	padding-top:1px;}#blog_left .item_class .item_class_title_text .date_day{	font-size:18px;	color:#000000;	font-family:Verdana, Arial, Helvetica, sans-serif;	padding-left:10px;	padding-top:4px;}#blog_left .item_class .item_class_title_text .top_title_top{	font-size:9px;	padding-right:10px;	padding-left:10px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#7f7f7f;}#blog_left .item_class .item_class_title_text .top_title{	padding-right:10px;	padding-left:10px;}#blog_left .item_class .item_class_title_text .top_title a{	font-size:19px;	color:#000000;	font-weight:bold;}#blog_left .item_class .item_class_title_text .end_title{	font-size:9px;	padding-right:10px;	padding-left:10px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#000000;}#blog_left .item_class .item_class_title_text .end_title a{	font-size:10px;	font-weight:bold;	color:#2e73b6;}#blog_left .item_class .item_class_text{	color:#555658;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	line-height:20px;	padding-left:60px;	padding-right:0px;	padding-bottom:5px;	padding-top:10px;	background:url(images/title_line.gif) no-repeat right top;	float:left;	width:484px;}#blog_left .item_class .item_class_text p{	padding:0px;	margin:0px;	margin-top:10px;}#blog_left .item_class .item_class_panel{	background:#f3f7fc;	margin-left:60px;	padding-right:10px;	padding-left:10px;	padding-top:5px;	padding-bottom:5px;	float:left;	width:460px;}#blog_left .item_class .item_class_panel a{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	font-size:10px;}#blog_left .item_class .item_class_panel a:hover{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	font-size:10px;	text-decoration:underline;}#blog_left .item_class .item_class_panel a.panel_read{	background:url(images/read.gif) no-repeat left center;	padding-left:17px;}#blog_left .item_class .item_class_panel span.panel_comm a{	background:url(images/comm.gif) no-repeat left center;	padding-left:17px;}/* end blog *//* footer */#footer{	width:100%;	height:158px;	text-align:center;	float:left;	background:url(images/footer_bg.gif) repeat-x top;}div#footer #footer_text{	color:#0d004c;	line-height:20px;	font-family:Verdana, Arial, Helvetica, sans-serif;	padding-top:20px;}div#footer #footer_text a{	color:#0d004c;		font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;}div#footer #footer_text span a{	color:#0d004c;		font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;}/* end footer */#blog_left .navigation{	padding-bottom:40px;	text-align:center;}#blog_left .navigation ul{}#blog_left .navigation ul li{	list-style:none;	display:inline;	padding-right:20px;}#blog_left .navigation .alignright a{	font-weight:bold;	font-size:11px;	padding-right:15px;	color:#021f5f;}#blog_left .navigation .alignleft a{	font-weight:bold;	font-size:11px;	padding-left:8px;	color:#021f5f;}div#blog h2{	margin:0px;	padding:0px;	padding-left:20px;	padding-top:0px;	font-size:21px;	color:#0054a6}div#blog .entry{	padding-left:20px;	padding-right:20px;	color:#555658;}div#blog .entry a{	font-weight:bold;}div#blog .entry p{	margin:0px;	padding:0px;	font-family:Verdana, Arial, Helvetica, sans-serif;	line-height:16px;	color:#585c3b;}.item_class blockquote, #blog_comm blockquote{	background:url(images/block_bg.gif) no-repeat left top;	padding-left:35px;	margin:0px;	margin-top:5px;	margin-bottom:5px;	margin-left:20px;	padding-top:10px;}.item_class blockquote blockquote, #blog_comm blockquote blockquote{	background:url(images/block2_bg.gif) no-repeat left top;	padding-left:35px;	margin:0px;	margin-top:5px;	margin-bottom:5px;	margin-left:20px;}.item_class ol, #blog_comm ol{	background:url(images/ol_bg.png) repeat-y left;	color:#993300;}.item_class ol li, #blog_comm ol li{	color:#7c7c7c;}.item_class ul, #blog_comm ul{	padding-left:30px;}.item_class img, #blog_comm img{	float: left;	margin:5px;}.item_class strong, #blog_comm strong{	color:#0054a6;}

Link to comment
Share on other sites

Thanks for the reply jerryOk so I resized the header and also the menu bar seems I did not mention that but still does not matterBecause when I had adjusted just the header it was the same effect.So you saying do a site with smaller graphics and sizes for I.e with the I.e cracks?and do you not meanTan Hack* html #header {height:187px;}and i fill that in underneath the new header height as is?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...