(Yet Another) IE Sidebar CSS Issue

  • Resolved flernk

    (@flernk)


    18 years, 6 months ago

    I just finished the basic design of my site. I used and hacked the crap out of the Lush theme, which works perfectly under Internet Explorer. Like so many others, however, my sidebar now moves to the bottom of the screen in IE 6.

    I have been through the CSS with a fine-tooth comb, but I can’t see what I changed that is causing the problem. It seems to exist even when I remove all of the extras I now have installed in the sidebar.

    I have been through a lot of the other posts to see if I could fix it (resizing the sidebar width, watching out for extra <div>’s, etc.), but with no luck. As I was trying to nail down the problem, I replaced my custom CSS with the original Lush CSS, and the sidebar works fine, so I’m pretty sure the problem is in there, but I can’t see it.

    Here is a direct link to my CSS…
    https://www.feb28.com/blog/wp-content/themes/feb28/style.css
    and a link to the original Lush CSS
    https://www.feb28.com/blog/wp-content/themes/lush/style.css

    Maybe I just need more eyes on this, can someone see something I’m not seeing?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter flernk

    (@flernk)

    I ran the site through validation and I got a lot of random errors (I was expecting this since this is the preliminary design). However, I douldn’t see any errors that should be causing the sidebar to move to the bottom.

    Again, is anyone seeing something I’m not?

    Those are not random errors, they are very specific. Fix ’em up and test again. Then report back.

    Thread Starter flernk

    (@flernk)

    My site is now Valid XHTML 1.0 Strict and the sidebar is still screwed up in Internet Explorer. Everything in my original post still applies. Any ideas?

    Try sticking this in the head of your header.php file:

    <!–[if IE]>
    <style-stype=”text/css”>
    #sidebar {width:234px;}
    </style>
    <![endif]–>

    Thread Starter flernk

    (@flernk)

    No luck. I also tried changing the CSS directly, still no luck.

    My site is now Valid XHTML 1.0 Strict

    Very cool!

    Try adding:
    overflow: hidden;

    To your #content.

    Your .postcontent is too wide. It didn’t work because you already have a stylesheet for IE (didn’t see that), and the .postcontent is set at 481px. The fact that you already had a stylesheet for IE means it was overriding the thing I gave you.

    Open up your msie.css file, and look for “.postcontent”. Change the width from 481px to something else. (I changed it to 450px, and the sidebar popped right up.)

    Thread Starter flernk

    (@flernk)

    That did it! I knew it was something easy I just wasn’t seeing. Thanks, doodlebee.

    Sheesh. It took a week to design the site. Then it took a week to find and fix one problem so that it would work with Internet Explorer. Is anyone else just plain sick of Microsoft?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘(Yet Another) IE Sidebar CSS Issue’ is closed to new replies.

Tags