• Resolved tymayn

    (@tymayn)


    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter tymayn

    (@tymayn)

    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;
    	}

    Thread Starter tymayn

    (@tymayn)

    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 &raquo;&raquo;</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>
    Thread Starter tymayn

    (@tymayn)

    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>

    Thread Starter tymayn

    (@tymayn)

    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.

    Thread Starter tymayn

    (@tymayn)

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘WordPress Theme Not Loading Properly in IE’ is closed to new replies.