WordPress Theme Not Loading Properly in IE
-
Hi,
I am having an issue with Internet Explorer and my custom wordpress theme.I have built my theme from the ground up, and the other night I went to check my theme in IE which I hadn’t done for a week or so, and I get weird errors and sometimes my sidebar doesn’t even load.
my website : Tymayn.com
I will post my Code below. Cheers for help in advance.
-
CSS Code:
@charset "UTF-8"; /* CSS Document */ /* Theme Name: Maynard Clean Theme URI: https://www.tymayn.com Description: clean theme Author: Tyler Maynard Author URI: https://www.tymayn.com . General comments/License Statement if any. . */ /* Structrue */ body { margin:0px; padding:0px; background-color:#000000; font-family:Arial, Helvetica, sans-serif; color:#757575; font-size:13px; line-height:19px; background-image:url(images/back_bottom.jpg); background-position:center; background-position:top; background-repeat:repeat-y; } #topper { height:20px; background-image:url(images/bg_top_bar.jpg); border-bottom:1px solid #3b3b3b; } #main .container{ min-height:400px; } #header{ background-image:url(images/logo_light.jpg); background-repeat:no-repeat; border-bottom:1px solid #0b42a0; min-height:50px; } #headertext{ padding-top:20px; } .container { width:950px; margin:0 auto; position:relative; } #logo { background-image:url(images/maynardlogo.png); background-repeat:no-repeat; width:320px; height:86px; position:absolute; top:-23px; left: 20px; } .footbox { width:950px; margin:0 auto; position:relative; } img.brder{ padding:2px; border: 2px solid #4a4a4a; } div .brderwrap { float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(iamges/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .brderwrap img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } #port_content{ width:520px; margin:auto; } #port_content img{ background-color:#666666; padding:3px; border:2px solid #333333; } #port_content img:hover{ background-color:#333333; padding:3px; border:2px solid #666666; } /* Text Styles */ #logo h1, #logo small { margin:0px; display:block; text-indent:-9999px; } p.byline{font-size:9px;} h2 { margin: 0px 0px 0px 0px; text-align:left; font-size:24px; font-family:Helvectica, Arial, sans-serif; color:#CCCCCC; border-bottom:1px dashed #990000; padding-bottom:13px; } small { color:595856; font-weight:bold; font-size:11px; display:block; margin-bottom:15px; } a {color:#007de2; text-decoration:none;} a:hover { color:#CCCCCC; border-bottom:1px solid #0099FF; text-decoration:none;} blockquote { border-left: 2px solid #CC3300; color:#CCCCCC; width: 520px; margin: 0px 0px 0px 30px; padding: 5px 0 3px 8px; background-color: #4f4e4c; quotes: "\201C" "\201D"; } b.tyler {color:#e4d846;} p {margin: 0px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; } a.button { background:#333333 url(images/button_bg.jpg) repeat-x; padding:5px 10px 5px 10px; color:#FFFFFF; text-decoration:none; border:1px solid #32312f; text-transform:uppercase; font-size:9px; line-height:25px; } a.button:hover{ background:#FF3300 url(images/button_bg_o.jpg) repeat-x; border-color:#333333; } /* List Styles */ ul#menu { margin:0px; padding:0px; position:absolute; right:0px; } ul#menu li{ display:inline; margin-left:12px; } ul#menu li a { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; color:#999999; } ul#menu li a.active, ul#menu li a:hover { color:#0099FF; text-decoration:none; border:none; } ul#footnotes li{ display:inline; margin-left:12px; } ul#footnotes li a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; color:#0099FF; } /* contentBlock Styles for Featured */ #block_featured{ background-image:url(images/3reasons.jpg); overflow:auto; height:260px; } .block_inside{ } .image_block { width:318px; height:318px; margin-left:93px; margin-top:50px; border:1px solid #52514f; background-color:#333333; float:left; } .text_block { padding-left:25px; padding-top:100px; float:left; text-align:justify; width:450px; } /*text stkling*/ p.postmetadata{ font-size:9px; display:inline-block;} /*Content Styling */ div.hr{ border:0px; background-image:url(images/tylerrule.png); border:hidden; width:637px; height:25px; } div.hr hr { display: none; } #content_block { padding-top:15px; min-height:500px; background-image:url(images/content_bg.png); background-repeat:no-repeat; } #content_area{ padding-top:15px; min-height:1000px; width:665px; float:left; } #content_area_top{ background-image:url(images/content_top.png); background-repeat:no-repeat; height:55px; } #content_area_content{ background-color:#232323; padding:7px 15px 7px 15px; } #content_area_bottom{ background-image:url(images/content_bottom.png); height:14px; } #content_area h2{ margin:0px 5px 0px 5px; padding:28px 0px 5px 5px; font-size:22px; border:none; } #content_area h2.posting{ margin:0px 0px 8px 0px; padding:0px; } #content_area h2.yellow{ border-bottom:2px dashed #FFFF33; } #comment_holder{ border:1px solid #232323; } #comments_template{ padding:0px; margin:0px; background-color:#232323; } #comments_template h2{ margin:0px 5px 0px 5px; padding:28px 0px 5px 5px; font-size:22px; border-bottom:dashed 1px #FFFF33; } #comments_template p{ margin:0px; padding:10px 10px 10px 10px; } #thecomment { margin:auto; width:75%; border-bottom:1px dashed red; } #continuedcontent{ } #ads_middle{ background-color:#232323; magin:0px auto; padding:10px 10px 10px 100px; } #continuedcontent ul{ } #sidebar { float:right; width:280px; position:relative; margin:20px 0px 0px 5px; } .sidebar_creative_block { margin:0px; } #feedburn { position:relative; width:258px; height:75px; background-image:url(images/fbrssclick.png); padding:0px 0px 0px 0px; } #sidebar_creative_top{ background-image:url(images/creative_sidebar_top.png); margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-repeat:no-repeat; width:258px; height:45px; } #sidebar_creative_content { width:258px; background-color:#232323; padding:0px 0px 3px 0px; } #sidebar_creative_bottom { background-image:url(images/creative_sidebar_bottom.png); width:258px; height:14px ; } #sidebar h2{ font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:16px; margin:0px; padding: 15px 0px 0px 0px; border:none; } #content_area_content a:link{color:#999999; border-bottom:1px dotted #0099FF;} #content_area_content a:active{color:#999999; border-bottom:1px dotted #0099FF;} #content_area_content a:visited{color:#999999; border-bottom:1px dotted #0099FF;} #content_area_content a:hover{ color:#333333;border-bottom:1px dotted #0099FF;} #content_area_content a.coloring:link {color:#cccccc; border-bottom:none;} #content_area_content a.coloring:active {color:#cccccc;border-bottom:none;} #content_area_content a.coloring:visited {color:#cccccc;border-bottom:none;} #content_area_content a.coloring:hover {color:#cccccc; border-bottom:1px solid #0099FF; text-decoration:none;} #sidebar a:link{color:#999999;} #sidebar a:active{color:#999999;} #sidebar a:visited{color:#999999;} #sidebar a:hover{color:#333333; text-decoration:none; border:none;} #sidebar_creative_content ul li { margin:0px 0px 0px -5px; line-height:20px; border-bottom:1px dashed blue; width:200px; } #sidebar_ad_top { background-image:url(images/ads_top.png); background-repeat:no-repeat; width:258px; height:45px; } #sidebar_ad_content{ background-color:#232323; width:258px; } #sidebar_ad_bottom{ background-image:url(images/ads_bottom.png); width:258px; height:14px; } #sidebar_support_top { background-image:url(images/support_top.png); width:258px; height:45px; background-repeat:no-repeat; } #sidebar_support_content { width:258px; padding:3px 0px 3px 0px; background-color:#232323; } #sidebar_support_bottom { background-image:url(images/support_bottom.png); width:258px; height:14px; } #sidebar_support_content ul li { margin:0px 0px 0px -5px; line-height:20px; border-bottom:1px dashed #e94023; width:200px; } #sidebar_support_content a{ color:#999999; } #bottom_page { background-image:url(images/footer_notes.png); background-repeat:no-repeat; background-position:center; background-position:top; width:665px; height:254px; } /****** Footer Styling *******/ #footer_links{ margin:0px; } #footer_links ul{ font-size:11px; display:inline-block; line-height:22px; float:left; margin:0px 5px 0px 45px; padding:26px 10px 0px 35px; width:150px; } #footer_links ul a:link{color:#CCCCCC;} #footer_links ul a:active{color:#CCCCCC;} #footer_links ul a:hover{color:#CCCCCC; text-decoration:none; border-bottom:1px dashed #0099FF;} #footer_links ul a:visited{color:#CCCCCC;} /******* UNORDERD LIST FIX********/ .linkbutton { text-decoration:none; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; border:1px solid #333333; padding:4px 7px 4px 7px; background-color:#0066CC; } .linkbutton:hover { color:#333333; background-color:#0099FF; } /* comment styling */ #thelinks{ margin-left:162px; width:400px; } p.read-more { float:left; } p.post_comments { float:right; } .commentlist .quote { background:url(https://www.tymayn.com/images/bg_quote.gif) no-repeat top right; min-height:50px; } .commentlist li { padding: 5px 18px 22px 18px; margin-top:15px; margin-left:50px; width:420px; background:#454545 url(https://www.tymayn.com/images/bg_commentlist.gif) bottom no-repeat; color:#e4edee; } .commentlist cite { display:block; margin-left:50px; font-style:normal; } .commentlist cite a:link, .commentlist cite a:visited { color:#666666; text-decoration:none; } .commentlist cite a:hover, .commentlist cite a:active { color:#CCCCCC; text-decoration:underline; }
index.php code:
<?php get_header(); ?> <div id="content_block"> <div id="content_area"> <div id="content_area_top"> <h2>Learning PHP: Bare with me while I get this site going...</h2> </div> <div id="content_area_content"> <img src="https://www.tymayn.com/wp-content/themes/tytheme/images/header_fill.jpg" /> <?php $lastposts = get_posts('numberposts=5'); foreach($lastposts as $post) : setup_postdata($post); ?> <h2 style="margin:-10px 0px 0px -10px "><a class="coloring" href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></h2> <p class="byline"> <span class="author vcard">Posted By : <?php the_author(); ?></span> <span class="sep">|</span> <abbr class="published" title="<?php the_time(__('l, F jS, Y, g:i a', 'example')); ?>"><?php the_time(__('F j, Y', 'example')); ?></abbr> <span class="sep">|</span> <span class="zecomments"><a href="<?php the_permalink(); ?>#comments" rel="nofollow" class="post-comments"><?php comments_number('Be the first to comments','1 comment','% marvelous comments'); ?></a></span><span class="sep"></span> <?php edit_post_link(__('Edit', 'example'), ' <span class="sep">|</span> <span class="edit">', '</span> '); ?> </p> <?php if(!empty($post->post_excerpt)) { the_excerpt(); } else { the_content('',TRUE,''); } ?> <p><a href="<?php the_permalink() ?>">Continue reading »»</a></p> <br /> <div class="hr"><hr/></div> <?php endforeach; ?> <div id="ads_middle"> <script type="text/javascript"><!-- google_ad_client = "pub-7670039501950013"; /* mid_page channel */ google_ad_slot = "8119320662"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div id="continuedcontent"> <h2 class="yellow">Some information you may have missed.</h2> <ul> <?php global $post; $myposts = get_posts('numberposts=4&offset=1&category=4'); foreach($myposts as $post) : ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> </li> <?php endforeach; ?> </ul> </div> </div> <div id="content_area_bottom"> </div> <?php get_footer(); ?> </div> <?php get_sidebar(); ?> <div style="clear:both;"> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "https://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-7037436-1"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>
and finally sidebar.php code:
<div id="sidebar"> <div class="sidebar_creative_block"> <!-- Creative Sidebar start --> <div id="feedburn"> <img src="<?php bloginfo('template_directory'); ?>/images/left_spacer_blank_link.gif" width="52" height="67" alt="blank spacer gif"/> <a href="https://www.facebook.com/pages/Tyler-Maynard-Design/245437462387"><img src="<?php bloginfo('template_directory'); ?>/images/left_spacer_blank_link.gif" align="absbottom" width="84" height="67" border="0" alt="blank spacer gif"/></a> <a href="https://feeds.feedburner.com/tymayn/BXQX"><img src="<?php bloginfo('template_directory'); ?>/images/left_spacer_blank_link.gif" width="84" height="67" border="0" align="absbottom" alt="blank spacer gif"/></a> </div> <div id="sidebar_creative_top"> <h2>Creative Design Love</h2> </div> <div id="sidebar_creative_content"> <img src="<?php bloginfo('template_directory'); ?>/images/creative_image.jpg" height="121" width="258" alt="creative love" /> <ul> <li><a href="https://www.tymayn.com/about/">About Tyler</a></li> <li><a href="https://www.tymayn.com/portfolio/">Tyler's Portfolio</a></li> <li><a href="https://www.tymayn.com/hireme">Hire Tyler</a></li> <li><a href="https://www.tymayn.com/photoblog/">Tyler's Photoblog</a></li> <li><a href="https://www.tymayn.com/contact">Contact Tyler</a></li> <li> <div> <form action="https://www.google.com/cse" id="cse-search-box" target="_blank"> <div> <input type="hidden" name="cx" value="partner-pub-7670039501950013:pvwg3tsy8jp" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="text" name="q" size="15" /> <input type="submit" name="sa" value="Search" /> </div> </form> <script type="text/javascript" src="https://www.google.com/cse/brand?form=cse-search-box&lang=en"></script> </div> </li> </ul> </div> <div id="sidebar_creative_bottom"> </div> <!-- End of Creative Sideabar/ Start of Advertising --> <div id="sidebar_support_top"> <h2>Clicks & Clacks</h2> </div> <div id="sidebar_support_content"> <img src="https://tymayn.com/wp-content/themes/tytheme/images/supportme.jpg" /> <ul> <li><a href="https://www.facebook.com/pages/Tyler-Maynard-Design/245437462387">FaceBook</a></li> <li><a href="">Twitter</a></li> <li><a href="https://feeds.feedburner.com/tymayn/BXQX">FEED 2.0</a></li> <li><a href="https://www.residualbacon.com">Residual Bacon</a></li> <li><a href="https://www.justcreativedesign.com">Just Creative Design</a></li> <li><a href="https://mealsandmoves.wordpress.com/">Meals & Moves</a></li> <li><a href="https://www.logooftheday.com">Logo of the Day</a></li> <li><a href="https://www.w3schools.com/">W3 Schools</a></li> </ul> </div> <div id="sidebar_support_bottom"> </div> <!-- End of Social/Start if Ads --> <div id="sidebar_ad_top"> <h2>Ads & Sponsors</h2> </div> <div id="sidebar_ad_content" align="center"><br /> <a href="https://www.e-junkie.com/ecom/gb.php?cl=12635&c=ib&aff=97487" target="ejejcsingle"><img src="https://freelanceswitch.s3.amazonaws.com/rockstar/Gen_200x200.jpg" /></a> <a href="https://graphicriver.net?ref=tymayn" > <img src="https://www.tymayn.com/wp-content/themes/tytheme/images/GR_180x150.jpg" alt="Graphic River Refferal" border="0" height="150" width="180" /></a> <a href="https://videohive.net?ref=tymayn" ><img src="https://www.graphicriver.net/new/images/ms_referral_banners/VH_180x150.jpg" alt="Video Hive Refferal" border="0" /></a> <a href="https://flashden.net?ref=tymayn" > <img src="https://www.graphicriver.net/new/images/ms_referral_banners/125x125_FD.jpg" alt="Video Hive Refferal" border="0" /> </a> </div> <div id="sidebar_ad_bottom"> </div> <div id="under_sidebar" style="margin:0 auto;" align="center"><br /> <a href="https://feeds.feedburner.com/tymayn/BXQX"><img src="https://feeds.feedburner.com/~fc/tymayn/BXQX?bg=FFFF00&fg=444444&anim=1" height="26" width="88" style="border:0" alt="rss feed" /></a> <form style="padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=tymayn/BXQX', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="tymayn/BXQX" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form> <div id="right_ad"> <script type="text/javascript"><!-- google_ad_client = "pub-7670039501950013"; /* sidebar ad */ google_ad_slot = "9696652233"; google_ad_width = 120; google_ad_height = 600; //--> </script> <script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> </div>
Mmhhh, rolled back to WordPress 2.8 and it fixed the issue, not sure where the exact problem was, but will be sticking with 2.8 until I find more information on what was causing that error.
Turns out there was nothing wrong with my 2.9 install, or my Code. I found the culprit and it was lightbox2 plugin. I guess there is a Java error that was crashing IE.
So for those who are getting a strange crash in IE saying “Operation Aborted” when it loaded half the page you can simply de-activate the plugin, or there is a fix here: Fixing the Operation Aborted error when using the Lightbox WordPress Plugin
Cheers!
- The topic ‘WordPress Theme Not Loading Properly in IE’ is closed to new replies.