WordPress.org

Ready to get started?Download WordPress

Forums

Hum
IE7 (10 posts)

  1. Twee
    Member
    Posted 1 year ago #

    Hi,

    First of all, great theme! I'm planning to use it for a personal website and encountered a problem when I was doing some cross-browser testing. It seems that internet explorer 7 is messing up the layout of the theme. Its for sure that it is an IE7 bug (one of many) and of course people using IE7 should be forced to get a new browser, but I really want to have my website to be compatible with old IE versions because according to my statistics I still have a large group of visitors using those.

    The problem:
    IE7 is messing up the main div's and consequently the branding div overlaps the content div. I've googled to find people with similar problems but I couldn't find the solution. Hope you guys can!

    screen: http://postimage.org/image/vmk91andh/ (I have used the site of the template developer as example, mine is not on the web yet)

    Thanks!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    You should first check whether the theme's vendors state they provide IE7 compatibility.

  3. Twee
    Member
    Posted 1 year ago #

    I cannot find anything about the compatibility they are providing. However, the theme is using conditional comments in the HTML code to adapt to old browsers (IE 6,7 and 8 in particular) and is also taking old browsers into account in the CSS code.

  4. arslock
    Member
    Posted 1 year ago #

    I'm having this same problem with a site I designed using HUM. Anyone have a solution to this? I guess I can just put a warning about it. IE 7 did come out in 2006 after all, and if you're still using it, you probably don't belong online...

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Arslock,
    If you require further support than this thread provides, create your own thread.

  6. danny_getextra
    Member
    Posted 1 year ago #

    Hi Twee,

    Through my own experience using I.E, you have to specify an exact height and width of the div you want in I.E

    or it isn't rendered properly in the browser. Try giving it a specific size and adding various position properties.

    If not try

    overflow:auto;

  7. Twee
    Member
    Posted 1 year ago #

    danny_getextra, thanks for your reply, I already tried to play with the heights, widths, overflows and positions, with no satisfying result.

    However, I solved my problem by applying the CSScode for the smaller screens to IE7 users. Consequently the menu is now at the top of the screen and does not interfere with the contentdiv anymore. Quite a detour, but it works..

    Thanks all for your input!

  8. danny_getextra
    Member
    Posted 1 year ago #

    you ended up using media queries then?

  9. Twee
    Member
    Posted 1 year ago #

    I copied the CSS code which is used in the media queries and copied these to a separate css file, which will only apply to IE7 browser.

    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wp-content/themes/hum/styleIE7.css" />
    <![endif]-->
  10. msenate
    Member
    Posted 1 year ago #

    Thanks, this fix worked for me too, though I found IE6 looked wonky too, so I threw it into the mix as well:

    <!--[if IE6 | IE 7]>
    <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wp-content/themes/hum/styleIE7.css" />
    <![endif]-->

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags