• Resolved MarcAdrian

    (@marcesadrian)


    I integrated a blog into a website, and it looks pretty good. I tested it on different browsers by hand and with Adobe Browser Lab, and the only browser that’s giving me trouble is of course Internet Explorer 7 on Windows XP. When viewed in this browser, there appears to be a big chunk of empty white space that precedes the first post, pushing it far down the screen vertically. Have you run into this problem before? Any idea how to fix this so the blog looks good in this browser?

    Any help would be appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Michael

    (@alchymyth)

    without a link to your site, it’s dificult to help.

    try and identify the div that is pushed down, and the surrounding divs that might influence it.
    firefox developer addon or firebug are good tools to do this, even the site displys fine in this browser.

    check the validation of your code https://validator.w3.org/ , and fix any errors.

    if all this fails, try and add conditional IE7 css styles for the effected div.

    A good start would be a good article on conditional browser comments from where you can start designing also for IE 7..or whatever.

    Thread Starter MarcAdrian

    (@marcesadrian)

    @alchymyth:

    Sorry, the blog I built having this problem is here: https://www.saharaheve.com/blog

    Displays good in other browsers, except for IE5, 6, and 7.

    Any ideas, just from looking at the weirdness going on there? Thanks for replying so far.

    Thread Starter MarcAdrian

    (@marcesadrian)

    @niladam:

    Thanks for the link. So far, no avail, but I’m hopeful.

    Michael

    (@alchymyth)

    first:
    your html code has a lot of styles before the DOCTYPE declaration, which needs to be the first line in html files.

    check your header.php and move all these style to somewhere between the head tags.
    you might want ot run a validation check on your site:
    https://validator.w3.org/

    second:
    you have a 1000px div .contentarea with 800px .content and 200px .sidebar sueezed within.

    that could be a bit tight for IE.
    play with increasing .contentarea to 1010px, for instance, and see if that helps.

    Thread Starter MarcAdrian

    (@marcesadrian)

    @alchymyth:

    Excellent suggestion. I’ll implement these changes and see what happens; they’re easy enough to do, and I haven’t tried them yet. Thanks so much for taking the time to write!

    Thread Starter MarcAdrian

    (@marcesadrian)

    alchymyth,

    Your suggestion was right on the money; the blog checks out in Internet Explorer now. That duplicated style code and rearranged header into must have been the culprit behind the problem. A thousand thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blog loads good in all browsers, except Internet Explorer’ is closed to new replies.