WordPress.org

Support

IE7

  • Twee
    Member

    @twoarrows

    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!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins
    Forum moderator

    @anevins

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

    Twee
    Member

    @twoarrows

    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.

    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…

    Andrew Nevins
    Forum moderator

    @anevins

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

    danny_getextra
    Member

    @danny_getextra

    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;

    Twee
    Member

    @twoarrows

    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!

    danny_getextra
    Member

    @danny_getextra

    you ended up using media queries then?

    Twee
    Member

    @twoarrows

    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]-->

    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]-->

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘IE7’ is closed to new replies.