WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar Issue -- OK in FFox / Bottom w IE ???!!! (41 posts)

  1. Hops
    Member
    Posted 9 years ago #

    I've finally got a site ready to go live, and it worked perfectly in Firefox. As an afterthought, i thought i'd try out Internet Explorer, and i find the sidebar is dropped to the bottom right side.

    Anyone have any ideas on how to fix this?

    Thanks!

  2. Root
    Member
    Posted 9 years ago #

    This is caused by width miscalculation. The rap needs to be wider or the content or menu narrower. There may be an item in the menu which is too wide.

  3. Hops
    Member
    Posted 9 years ago #

    Thanks. I'm no pro on this, and i've been using as my theme a mostly99% out of the box equix v1.1 theme, and have not modified anything other than the index.php with regard to content, and that was simply to change the format of dates / posted by, and so forth.

    Would that have done this??

    As for the edits suggsted, how where do i hit those. (Sorry, I'm new to this.)

    Thanks a bunch

  4. Root
    Member
    Posted 9 years ago #

    I am not going to support this question and here is why. The theme you are using is using javascript to serve a different style sheet to IE. It obviously is not working. I know very little about JS. But more importantly it is unnecessary. Sadly many themes are full of this hoodickery which baffles the end user and defeats the forum helper. I do not believe it is the way to go.

  5. Hops
    Member
    Posted 9 years ago #

    Oh, and I'm also noticing that some but not all of my posts are out of alignment in the body of the main page. What the heck is That? The first few are ok, but then about half way down things are offset to the left, including quotes outside of the shaded blockquote area, and general content to the left of the left boundary. Then, a few posts below, its back in line...

    IE Sucks.

  6. Hops
    Member
    Posted 9 years ago #

    Root -- thanks for trying to help. I finally found a simple uncluttered theme that i REALLY liked and then this silliness happens. For the love of God, somebody help!

  7. Root
    Member
    Posted 9 years ago #

    Here is what I would do. Scrap all that javascript in the header. It is borked already so it cant get worse. Then I will help you with the CSS.

  8. Hops
    Member
    Posted 9 years ago #

    The following is gone from the header:
    ******
    //-->
    </script>
    <script type="text/javascript"><!-- This is a "hack" so you can have it working on the fucking non-standard Internet Exploted (aka IE) -->
    <!--
    var browserName=navigator.appName;
    if (browserName=="Microsoft Internet Explorer")
    {
    document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style_ie.css" type="text/css">')
    }
    //-->
    </script>

  9. Hops
    Member
    Posted 9 years ago #

    Incidentally, now nothing shows up in IE

  10. Hops
    Member
    Posted 9 years ago #

    Part of me thinks simply modifying the IE.css might be easier given now the theme is all messed up in Firefox.

  11. Root
    Member
    Posted 9 years ago #

    First thing is relax. This will take a few minutes. A gross error is easily fixed. I am just reading your code.

  12. Root
    Member
    Posted 9 years ago #

    Ok. Step 1. You have been a bit hasty and commented out some xhtml as well. Fix it up.

  13. Hops
    Member
    Posted 9 years ago #

    <taking deep breaths....> Thanks, by the way...

  14. Hops
    Member
    Posted 9 years ago #

    //--> OOoooops

  15. Root
    Member
    Posted 9 years ago #

    Then in this bit
    #content{
    margin: 0px auto;
    width: 780px;
    font-size: 11px;
    text-align: left;
    }

    take out text align left.

  16. Root
    Member
    Posted 9 years ago #

    Ok thats better. Let me look some more.

  17. Root
    Member
    Posted 9 years ago #

    My mistake. Text align left is fine NOW. It should be in. You are where you should be - right on the money in FF. How is it in IE. ?

  18. Hops
    Member
    Posted 9 years ago #

    #content{
    margin: 0px auto;
    width: 780px;
    font-size: 11px;
    }

  19. Hops
    Member
    Posted 9 years ago #

    Left back in. Looking good in FF.

  20. Root
    Member
    Posted 9 years ago #

    This looks eeerily reminiscent of Kubrick code. But anyway this is a mess.
    .ncol {
    padding: 30px 0px 40px 23px;
    width: 545px;
    background:#FFF;
    float:left;
    }

    It is a floated element with padding. TAKE IT ALL OUT. Then we can adjust if necessary.

  21. Hops
    Member
    Posted 9 years ago #

    Nothing shows up at all in IE -- blank page entirely...

  22. Root
    Member
    Posted 9 years ago #

    Well lets take one thing at a time.

  23. Hops
    Member
    Posted 9 years ago #

    .ncol gone

  24. Hops
    Member
    Posted 9 years ago #

    .ncol out makes a real mess of FF

  25. Root
    Member
    Posted 9 years ago #

    I meant just take out the padding. Then if need be the next step is to trim back the width until the menu fits. This is going fine.

  26. Hops
    Member
    Posted 9 years ago #

    I'm too literal. fixed.

  27. Hops
    Member
    Posted 9 years ago #

    but still goofy in FF without padding

  28. Root
    Member
    Posted 9 years ago #

    Ok. It may not seem much but it is much more stable code and we can fine tune.
    I do not have IE fitted so I am relying on you. As to it not appearing at all - I am momentarily flummoxed. It has to be something obvious. When it does appear if it borks do not worry. We can now adjust without negotiating the Javascript.

  29. Root
    Member
    Posted 9 years ago #

    In the meantime - your outer container is called content. Because it is not floated there is no need for its width to be defined. Conversely that is where to add padding in the CSS to indent the posts.

    eg#content {padding: 0 20px; }

  30. Hops
    Member
    Posted 9 years ago #

    /*---------------------------- Content -------------------------------*/
    #content{
    padding: 0 20px;
    margin: 0px auto;
    width: 780px;
    font-size: 11px;
    text-align: left;
    }

    Still, a left margin off in FF

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.