WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE8 Moves Sidebar to Footer (4 posts)

  1. laptopmemo
    Member
    Posted 4 years ago #

    While all browsers work on my site, IE8 refuses to. The main problem is the sidebar, which I see is moved towards the bottom (the footer). If you take a look carefully though, you'll see the sidebar looks as if it's too big for the main wrapper, but that's nonsense.

    Sometimes in Firefox this would happen, but by recoding the widgets in my sidebar I resolved the issue permanently; same goes for Chrome and Safari.

    I am wondering if I should create a new PHP file for IE8, and if anyone could give me an example to start. I use the iBlog2 theme, and my site is laptopmemo.com

    Another strange thing is that it used to work perfectly, but not it's corrupted. Also, it looks like people can move my widgets on their computer, but it is just stored in their cache.

    Here is my sidebar.php file for your reference:

    <div class="dbx-group" id="sidebar">

    <div id="cred">
    ">Professional WordPress Themes by PageLines
    </div>
    <?php if(get_option('plallow') && get_option('pp_welcomemessage')):?>
    <div class="welcome">
    <?php echo get_option('pp_welcomemessage'); ?>
    </div>
    <?php endif;?>
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

    <!--sidebox start -->
    <div id="categories" class="dbx-box">
    <h3 class="dbx-handle"><?php _e('Categories'); ?></h3>
    <div class="dbx-content">

      <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>

    </div>
    </div>
    <!--sidebox end -->

    <!--sidebox start -->
    <div id="categories" class="dbx-box">
    <h3 class="dbx-handle"><?php _e('Tag Cloud'); ?></h3>
    <div class="dbx-content">

      <?php wp_tag_cloud('smallest=8&largest=17&number=30'); ?>

    </div>
    </div>
    <!--sidebox end -->

    <!--sidebox start -->
    <div id="archives" class="dbx-box">
    <h3 class="dbx-handle"><?php _e('Archives'); ?></h3>
    <div class="dbx-content">

      <?php wp_get_archives('type=monthly'); ?>

    </div>
    </div>
    <!--sidebox end -->

    <!--sidebox start -->
    <div id="links" class="dbx-box">
    <h3 class="dbx-handle"><?php _e('Links'); ?></h3>
    <div class="dbx-content">

      <?php get_links('-1', '

    • ', '
    • ', '', FALSE, 'id', FALSE, FALSE, -1, FALSE); ?>

    </div>
    </div>
    <!--sidebox end -->

    <!--sidebox start -->
    <div id="meta" class="dbx-box">
    <h3 class="dbx-handle">Meta</h3>
    <div class="dbx-content">

    </div>
    </div>
    <!--sidebox end -->

    <?php endif; ?>
    <div style="clear:both"></div>
    </div><!--/sidebar -->

  2. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    There are many things wrong with the site and the sidebar could be affected by those errors.
    1. Validate your HTML, your site has 280 errors and 164 warnings
    2. Check View > Page Source - someone placed the Ads Div right above Doctype - which could very well be one of major causes of errors and warnings above. If you wanted to add the Ads div at the top of the screen, place it right after <body> tag in header.php
    3. The sidebar dropping down below content is seen not only in IE8 but also in IE6/7

  3. laptopmemo
    Member
    Posted 4 years ago #

    After taking care of the header issue. The site is completely centered as it should be.

    I will also take care of those warnings, but in the meantime, you are the best help LaptopMemo has ever gotten.

    Thanks!

  4. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    You're welcome and thanks. Please choose Resolved in dropdown on right sidebar of this page and create a new topic for any future WP challenges. Cheers.

Topic Closed

This topic has been closed to new replies.

About this Topic