Support » Fixing WordPress » Where’d my sidebar go in IE 6.0??

  • greigmg


    All of the sudden my sidebar has disappeared on the main page, but only when using IE 6.0 – it still shows on individual post pages in IE, and works correctly in Firefox. When I view source the code for it is still at the bottom, it’s just not showing on the page. Any suggestions on where I should start looking first? Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • vkaryl


    Simple mechanics: use the search (HUGE text field, top of forum index) and keywords “sidebar, IE, dropped”.



    With all due respect, I did the search EXACTLY as you suggested, and a few permutations, and it comes up with nothing. Not a single entry. Nada.

    Perhaps before assuming folks are too dumb or blind to see the “HUGE text field, top of forum index”, we should all try a little patience.

    We should also recognize that the search feature here on the forum is sorely lacking.

    Meanwhile, I’m going to go back and keep looking for another answer somewhere, for the same problem posed by the original poster.



    With all due respect, try this

    Search words: sidebar IE dropped



    Search pulled up nothing. Zip. I don’t know if search was broken or not earlier, but anything I entered came up empty.

    In any event, if you DO manage to get hits on that search phrase you find (as one mod put it rudely) “over 2,000 hits.” After scanning through more than 60 (!) of them, I found that NONE had an answer. They all went like this: someone asks about the dropping sidebar, and then someone else makes a rude comment about searching for it. No resolutions.

    A search yield of 1 million hits does nothing if the results are just other people telling you to search. It’s a Moebius strip.

    So, left to my own devices, here’s how I fixed the problem. (I’m posting this in the slim hope that someone here will find THIS thread that actually has an answer in it.)

    Using the Kubrick template, I went into the style.css and modified the formatting for .narrowcolumn and .widecolumn so that ALL the paddings and margins were 0 px. This restored the sidebar to the side, but also tightened things a bit.

    For my site, the styles now read as follows:

    .narrowcolumn {
    float: left;
    padding: 0px 0px 0px 120px;
    margin: 0px 0px 0px 0px;
    width: 500px;

    .widecolumn {
    float: left;
    padding: 0px 0px 0px 120px;
    margin: 0px 0px 0px 0px;
    width: 500px;

    For anyone reading this unfamliar with the syntax, for both padding and margins, the four numbers go like this:


    So in my example above, the bottom margin is set to 120 pixels. Since the bottom margin doesn’t affect the sidebar, I left it alone.

    You can’t go by mine for sure, however, since I’ve already played with the stock Kubrick CSS a bit to widen the page. So for my site, both the narrow column and wide column are 500 px wide. In short, your mileage will vary.

    This solution works for those whose dropping sidebar problem was NOT due to an erroneous over-wide picture in a post, or some other weird anomaly.

    The best way to get consistent results in FF, IE6 and IE7 is to UN-PAD the format… take out margins and padding for various callouts until you find the one that fixes it.

    Now, of course, I have to test my site for Netscape and Opera. Lord know what I will find.

    Hope that helps someone.



    If you’re doing okay in FF, you’ll probably do okay in Opera.



    I made a mistake in my explanation of margin syntax. The numbers align with THIS:



    I had an author include a long URL in her post. The URL didn’t contain any characters that allowed it to break to the next line, like ? or -. The content made my sidebar pop down to the bottom in IE.

    I added
    overflow: hidden;

    While it clips the giant URL, my layout aligns properly again.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Where’d my sidebar go in IE 6.0??’ is closed to new replies.