ReDeeMerRSA Posted January 30, 2009 Share Posted January 30, 2009 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 More sharing options...
Jerry62704 Posted January 30, 2009 Share Posted January 30, 2009 It looked OK in IE until you changed the height? If so, don't change the height in IE.Hacks to limit it to IE include:Tan Hack* html #header {width:187px;}or use conditional statements. Read more here... Link to comment Share on other sites More sharing options...
ReDeeMerRSA Posted January 31, 2009 Author Share Posted January 31, 2009 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 More sharing options...
ReDeeMerRSA Posted January 31, 2009 Author Share Posted January 31, 2009 ok managed to fix the problemthe header controlled the contentand the header top controlled the header picso after putting in your code, it sort of broke, but i manged to figure out the solutionso thanks a mil jerry ! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.