WordPress.org

Ready to get started?Download WordPress

Forums

What is forcing my sidebar down in IE? (28 posts)

  1. Dgold
    Member
    Posted 8 years ago #

    Hello, can someone diagnose what's forcing my (default theme) sidebar down on a new music blog I'm making with WordPress at http://honesttune.com/

    It works today correctly in Firefox, not in IE?

    When I had this problem before on my radio blog, I fixed an oversized graphic in a post. I deleted the graphic, then the sidebar came back up where it belongs. This time, I don't see any of my graphics in the posts being oversized, the widest is 450 pixels. What is causing my sidebar to drop?

    Thanks for any help/ideas on http://honesttune.com/

  2. chrishes
    Member
    Posted 8 years ago #

    Post your sidebar css

    Looks fine in FF and Opera

  3. likoma
    Member
    Posted 8 years ago #

    I've had similar issues before and it was often the sidebar width (plus any margins, padding, etc.). Make some changes, do some tests. That or the main area is too wide (if main = 500 px and sidebar = 200 px and your site is 699 px, IE might mess it up, FF might not).

    Not scientific, but I hope it helps.

  4. LB
    Member
    Posted 8 years ago #

    What's probably going on is some of your sidebar links are "spilling" off the page, ie, the links are too long, and IE doesn't like that. Try putting this code in your style template somewhere in the sidebar CSS:

    "overflow:hidden;"

    This will let the text wrap itself so the sidebar in IE won't jump.

  5. likoma
    Member
    Posted 8 years ago #

    That search form you have was a guilty party once.

  6. Dgold
    Member
    Posted 8 years ago #

    EDIT: Problem solved, for now. It mysteriously jumped back where it's supposed to be, without me changing anything.

    -----------------
    I was going to ask:

    Thanks for the replies. I am very new at CSS. I've managed to use WordPress and make 5 sites without changing much in the CSS. My CSS is simply the Default. I want to learn it but I'm in school for another subject right now and it's hard to find time. So -- thanks to anyone who can spell-it-out clearly for me.

    Where can I put the overflow:hidden code LB provided? I'm looking in my Stylesheet and there's a bunch of references to #sidebar?

  7. moshu
    Member
    Posted 8 years ago #

    I see only one:
    /* Begin Sidebar */
    #sidebar {...etc.

  8. LB
    Member
    Posted 8 years ago #

    I have a custom-designed blog, and I put the code in the "sidecontainer" CSS. I would guess you'd put the code in the first reference. If you posted two or three references, perhaps I could tell you where you should put the code.

  9. manila
    Member
    Posted 8 years ago #

    I am having the same problem, so I will use this thread to ask because I know there are 100s of topics concerning this problem.

    It's the same with my Audrey Tautou fansite, in Firefox everything looks perfect - in IE, however, the sidebar is at the bottom. I tried out nearly everything, but nothing worked. I am clueless - any ideas?

    Help would be very appreciated!

    Regards,
    ~ Manila
    http://fan-sites.org/Audrey-Tautou
    http://BrokenAway.com

  10. Ajay
    Member
    Posted 8 years ago #

    A possible reason other than an oversized graphic or a long line in the post is a missing (not found) graphic in the sidebar.

  11. manila
    Member
    Posted 8 years ago #

    Where is a missing graphic...?

  12. Beel
    Member
    Posted 8 years ago #

    Probably with the rest of the page... get a 404.

  13. raianoat
    Member
    Posted 8 years ago #

    I had the same problem with my blog. For me, one of the advertising graphics was too wide. All I had to do was tweak the width of my main content in order to ensure that everything fits under the worse case.

  14. manila
    Member
    Posted 8 years ago #

    I removed all the pictures from my sidebar and tried it out, but it was still at the bottom.

    I also tried out to put the sidebar into a div-container with a position:absolute, but also that didn't work in IE, only Firefox.

    Any other suggestions?

  15. moshu
    Member
    Posted 8 years ago #

    Geez, I hate splash pages...
    OK, It can be anything too wide, not only in the sidebar, but also in the content area - like this HUGE picture
    http://brokenaway.com/Layout/PoliticalCorrectness.jpg

  16. manila
    Member
    Posted 8 years ago #

    Oh no, there has been a GREAT misunderstanding :D

    The page that has an error is http://fan-sites.org/audrey-tautou ! Sorry.

    Great. Now I tried out so much that it's not even working in Firefox anymore!!! Ah!

  17. Beel
    Member
    Posted 8 years ago #

    You will just have to do a "trial and error" experiment by removing sections of your sidebar, or do what I did... remove everything and add one section at a time until you find the offending section or sections in your sidebar (But the problem just may be that your title images are too wide).

  18. Beel
    Member
    Posted 8 years ago #

    You might also fix your css:

    .narrowcolumn {
    float: rightt;

  19. manila
    Member
    Posted 8 years ago #

    Thx Beel, that was a mistake I made while I was trying everything out. Now it's perfect in Firefox again, still there's the problem in IE.

    I tried it out to remove everything bit by bit, but even if there is nothing inside the sidebar, it will appear at the bottom of the site. Is there something wrong with my CSS?! I don't get it. It worked before with the sidebar, but since I have that new layout, IE is messing it up.

  20. manila
    Member
    Posted 8 years ago #

    Nobody has a clue for me? I'm getting crazy with this problem...

  21. likoma
    Member
    Posted 8 years ago #

    I just had a new one today where only for Win IE did it matter that I gave a list (ul ul ul.children or something like that) a padding and/or margin or anything more than 4 px. I mention this as I tore the CSS apart piece by piece until I figured it out! Of course, it had been my own doing in the first place making that margin too big, but I had forgotten (as I don't use IE except to check things out ... like this!). I hope that saves someone the hour it killed for me.

  22. parasew
    Member
    Posted 8 years ago #

    hi all, same problem here with the default template from wordpress 1.5.2
    is there any fix for that?
    i started a browsercam-job to show you the problems in internet explorer
    http://www.browsercam.com/public.aspx?proj_id=245081
    (see pictures 37-48)

  23. parasew
    Member
    Posted 8 years ago #

    seems like the searchbox is not the problem -- i started a second job without a searchbar, but still the same problem: the sidebar-contents are aligned to the bottom of the page in internet explorer.
    http://www.browsercam.com/public.aspx?proj_id=245083

  24. parasew
    Member
    Posted 8 years ago #

    strange, just tested with the WPMU theme, there everything seems to be ok..
    http://www.browsercam.com/public.aspx?proj_id=245086

    did the theme get updated, or is this just a problem with content being to big as stated above?

  25. parasew
    Member
    Posted 8 years ago #

    solution: hacking the default css
    i was adding the following line to the WordPress Default Theme
    overflow:hidden

    so the new #content looks like
    #content {
    font-size: 1.2em;
    overflow:hidden;
    }

    see the results:
    http://www.browsercam.com/public.aspx?proj_id=245092

    g'day,
    parasew

  26. usa
    Member
    Posted 8 years ago #

    This doesn't work for me..

    Since i upgrade Wp to 2.02 i have the problem in IE.

    When adding an image the side bar is pushed down.

    http://www.verenigdestaten.info/usablogs/hilde/

    FF looks fine, seems like the only solution is resize al the images?

  27. albertx
    Member
    Posted 7 years ago #

    The error of one post can cause the error of the whole page,so open every post in new a window to see if the sidebar is in the right place,you are probably to find out a bad post,then check the html code of the bad post and correct it.

  28. Doodlebee
    Member
    Posted 7 years ago #

    Another thing you all may not be thinking of is your margins and padding. If your container is 700px wide, your content is 500px width and your sidebar is 200px wide, you have *no room* for margin or padding for those divs. If anything is off in your math, your sidebar will drop in IE.

Topic Closed

This topic has been closed to new replies.

About this Topic