WordPress.org

Forums

IE vs. Firefox - Identification Band (3 column) issue (8 posts)

  1. thedividendguyblog
    Member
    Posted 9 years ago #

    I am having difficulty with the Identification Band (3 column) theme showing up in Firefox perfectly but pushing the middle column down to the bottom of the page in Internet Explorer.

    My site is at: http://www.thedividendguyblog.com

    I am assuming there is something I need to change in the style sheet, but I am not sure. Is anyone able to take a look at my site and let me know what I am doing wrong.

    Thanks in advance for your help.

    Jeremy

  2. archshrk
    Member
    Posted 9 years ago #

    Try removing your performfirst.com ad first and see if that helps. Otherwise, you'll probably need to widen your theme since IE handles padding slightly different than FF.

  3. thedividendguyblog
    Member
    Posted 9 years ago #

    Yes, that was it. It makes sense. That being said, which css tag would I adjust to fix the padding so that it works well in both ie and ff?

    Thanks so much for your help.

  4. archshrk
    Member
    Posted 9 years ago #

    I'm not sure. I think it has something to do with this...

    function die_f***ing_ie_die()
    {
    var myId;

    if (navigator.appName.indexOf("Microsoft")!=-1) {
    myId = document.getElementById("menu-left");
    if (myId) {
    myId.style.width = "155px";
    }

    myId = document.getElementById("wp-calendar");
    if (myId) {
    myId.style.width = "155px";
    myId.style.marginTop = "10px";
    }

    myId = document.getElementById("content");
    if (myId) {
    myId.style.width = "363px";
    }

    myId = document.getElementById("menu-right-right");
    if (myId) {
    myId.style.width = "155px";
    }
    }
    }

  5. RaulTBC
    Member
    Posted 9 years ago #

    archshrk:

    I'm having the same issue - all looks fine in IE but Firefox/Netscape shows one ad on the right (smaller than the IE size) and the other images that show up on the right in IE are on the left side.

    http://theboys.com/newtheme/

    I added the above code but the new widths are only affected if the browser is IE. The problems I'm having is when it is NOT IE.

    Can you provide some assistance?

  6. archshrk
    Member
    Posted 9 years ago #

    I only have IE at work right now, could you take a screen shot in FF? Also, there is a huge empty portion at the top, is that a place holder for the header? http://archshrk.com/wp-images/newstyle.jpg
    I don't know what your theme php files look like but it seems your 'sequence of calling' is causing the problem. I use Treacle 3-column theme and the way it works is, index calls for the header, content, footer. The header calls the left sidebar, and the footer calls the right sidebar. In yours, it appears that the sidebars are after the content. Therefore, if the one side gets too 'full' it bumps to the other one. But I don't know what I'm doing, so it's just a guess.

  7. RaulTBC
    Member
    Posted 9 years ago #

    Yes, the blank areas are placeholders for the header. I can also get a screen shot of the Firefox page - where do I post it?

    I will try to modify the code to do the posting sequence as you indicate. I assume that the order should be:

    1) Header
    2) Left sidebar
    3) middle content
    4) Footer
    5) Right sidebar

    If that is correct, I'll let you know the results.

  8. archshrk
    Member
    Posted 9 years ago #

    That would be correct. I just upload the screen shot to your wp-images folder since it is visible already. In Treacle, the header calls the left sidebar and the footer calls the right so that all pages (posts, comments, pages, etc) have them both but you may want to remove sidebars from certain pages. The Last lines of my header reads

    <div id="container">
    <div id="leftcol">

    <div class="menu">
    <?php include (TEMPLATEPATH . '/leftcolumn.php'); ?>
    <?php wp_meta(); ?>
    </div><!--end .menu -->

    </div><!--end #leftcol-->
    <div id="content">

    and all my pages start with

    <?php get_header(); ?>

    and end with

    <?php get_footer(); ?>

    The footer stars with

    </div><!--end #content-->
    <div class="clear">&nbsp;</div>
    </div><!--end #container -->

Topic Closed

This topic has been closed to new replies.

About this Topic