IE6: The Age Old Sidebar Issue *I think*

  • Hi all, thanks for your dedication to helping others. I have no web design experience, but I started (www.eventingnation.com) a month ago. I am using a modified version of the Hamasaki WP theme. Some of my readers use IE6, which for my site does not show any sidebar and gives a massive margin at the bottom. I am just beginning to learn HTML and CSS and I understand the gist of some of the responses to previous posts on the topic, but I would be eternally grateful if someone could please suggest a specific solution for my site. Thanks again in advance.

    Kind Regards, John

    A few other notes:
    1) I understand that my footer says “Hamasaki 1.6” and that the theme webpage says there is a version 1.7 available, but I think have 1.7 and the author just did not change the footer. Re-installing the template is hard because I have modified it heavily using trial and error.

    2) I have tried adding “display: inline;” to #content in style.css but this screwed everything up. Adding it to #sidebar does not fix the problem.

    3) I am using WP 2.6. Some of the posts suggest 2.6 has particular problems with IE6 but I am scared to update because something might go wrong.

    4) I know this question comes up a lot but I would really be thrilled if someone could help out.

    Thanks again, John

Viewing 3 replies - 1 through 3 (of 3 total)

  • It’ll be a CSS issue. IE6’s box model is severely borked. The best way around this is to serve up an additional IE6 specific sheet using a conditional comment.

    https://www.elated.com/articles/internet-explorer-conditional-comments/

    If you place the comment and call to the new sheet after your call to the default stylesheet, you can then then effectively re-write the box widths, margins and paddings to suit IE6 without impacting on the display in decent browsers.

    Thread Starter jedidingo

    (@jedidingo)

    Thanks esmi! As I mentioned, I am a bit new to this whole thing and so I do not know how to construct a IE6 friendly stylesheet. Are there any quick and dirty rules for making an IE6 stylesheet? Or, would you recommend any sources for where I can learn more about IE6 idiosyncrasies? Thanks again, -J

    I can only recommend the link I gave above as a general introduction. After that, it’s down to the design/layout of your site as to what you put into the additional sheet. Without seeing the site, I couldn’t even give you some starter points.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘IE6: The Age Old Sidebar Issue *I think*’ is closed to new replies.