IE 7 & Themes

  • I’m in the process of working on a site that is being redesigned and moved to a new domain. It involves a blog which was on Typepad and I’ve installed WordPress so that it can be carried on the same domain.

    All of this has been successful as far as the site at https://www.werds.org and the blog at https://www.werds.org/werds/index.php until I finally broke down and accepted the update for IE 7 on one of my PC’s.

    The blog now shows the two posts on the main page incorrectly. They are supposed to be side by side, but on IE 7 the second post falls below the most recent post and not even squarely underneath, but off a little to the right.

    Now, I could remove IE 7 and ignore this issue, but knowing that there are many people viewing the site with IE 7 I’d rather tweak the CSS so that it looks presentable.

    Any input is appreciated.

    Sherri

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

  • IE breakers:
    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.werds.org%2Fwerds%2Findex.php

    Thread Starter cockleshells

    (@cockleshells)

    I guess I should have been more specific. Any input that will help resolve this issue is appreciated.

    https://validator.w3.org/check?uri=http%3A%2F%2Fcomeuphither.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline

    Before you tweak anything for any browser, I’d suggest cleaning up the coding errors. Otherwise, you won’t be able to tell if your IE hacks are really working, as the browser(s) will be trying to display incorrect code AND hacks.

    Just so you know, IE7 is going into “Quirks” mode, which, more often than not, will break your layout. Surprisingly, IE7 is doing exactly what it’s supposed to.

    One of the more blatant things I notice about your code is that you’re missing a </head> tag and your <body> tag seems to be falling halfway inside where the <head> section of your HTML is.
    Your markup is also missing various closing tags: </ul> and </div>.

    Also, you are using the deprecated form of the <br> tag. It’s correct usage is <br />.

    What theme are you using?

    Thread Starter cockleshells

    (@cockleshells)

    I’ve been able to reduce the errors down to 7, but from what I can tell the remaining errors were built into the theme which is Japanese Cherry Blossom a modification of Hemingway. I swapped out my own pic at the top in lieu of the one that came with the theme.

    As for errors, in particular the section:

    <div id=”header”>
    <div class=”inside”>
    </div>
    </div>
    <!– [END] #header –>

    was in the theme and didn’t alter it. I did move it above the <body> section today and that reduced one error.

    Personally, I would do away with the look of the main page with the two small excerpts of the posts and have the theme look like the separate posts, but I ran a check on one of those pages and it contains even more errors.

    I may have to go with a different theme, but I hate to do that now that the site itself at https://www.werds.org has been designed to match the blog theme.

    Any other useful input is appreciated and I truly appreciate the help that has been posted.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘IE 7 & Themes’ is closed to new replies.

Tags