Member Avatar for alexgv14

I have this website and it loads fine in firefox accept in IE 7 and 8 it just loads a blank page its a really weird. Any help on why this is happening would greatly be appreciated.

  • 3 Contributors
  • 4 Replies
  • 130 Views
  • 23 Hours Discussion Span
  • Latest Post Latest Post by alexgv14

Dani AI

Generated

This thread landed on the right fix: the page was being broken by an unclosed IE-only conditional block. discovered that adding the missing conditional closing token restored the site in Internet Explorer. The suggestions from (check CSS rules) and (check PNG/IE transparency hacks) were good troubleshooting directions, but the root cause here was malformed HTML around an IE-targeted snippet that interfered with the parser.

Why that breaks IE (and sometimes other browsers): conditional comments are implemented using HTML comment syntax and were treated specially by IE (up through IE9). If the conditional comment is not properly closed, the browser can treat the rest of the document as part of the comment or generate an invalid DOM, resulting in a blank or partially rendered page. Microsoft documents the behavior and syntax for these conditional comments here: Conditional comments (Internet Explorer).

Quick troubleshooting checklist for similar “blank in IE but OK elsewhere” cases:

  • Inspect the raw HTML for unmatched comment markers or stray conditional comment openings.
  • Open IE’s Developer Tools (F12) to check the DOM and any script errors. JavaScript syntax problems (e.g., trailing commas) can also stop rendering — see MDN on trailing commas: Trailing commas.
  • Run the page through an HTML validator (W3C Validator) to find unclosed tags/comments.
  • Temporarily remove or isolate IE-specific blocks (PNG fixes, .htc behaviors, conditional CSS) to confirm the culprit.

Preventive tips: always balance conditional comments, prefer progressive enhancement/feature detection instead of brittle browser-only hacks, and minimize use of legacy .htc behaviors.

Recommended Answers

All 4 Replies

Member Avatar for Lusiphur

Just going to throw this out there but...

IE, any version of IE, doesn't like it when you stack CSS definitions (more than 1 value per definition) as this is a CSS3 ability which is only voluntarily included in most of the 'good' browsers and completely omitted by the rest (particularly MS who seems to be loathe to include anything in their browser architecture until it's a "standard" that must be followed).

My thoughts on this...
Problem 1: "<body class="home page page-id-21 page-template page-template-default">"
Problem 2: "<div class="skip-link screen-reader-text">"
and so on...

That being said, I'm no CSS expert but whenever I get extreme performance variation between IE and FF I look there first and after spending 5 minutes wading through your CSS stylesheet I got lost and decided it was time for a smoke :twisted:

Hope this helps somewhat :) Please remember to mark as solved once the issue is resolved.

Member Avatar for vee_liang

it is because of the .png and transparent thing in your CSS code. you need a little modification in your code in order to make it best viewed on IE.

Member Avatar for alexgv14

it is because of the .png and transparent thing in your CSS code. you need a little modification in your code in order to make it best viewed on IE.

Which transparent thing?

Member Avatar for alexgv14

I figured it out it was this

<!--[if IE 6]>
<style type="text/css">
img, div,  { behavior: url(<?php bloginfo('template_directory'); ?>/js/iepngfix.htc) }
</style>

It needed to be like this.

<!--[if IE 6]>
<style type="text/css">
img, div,  { behavior: url(<?php bloginfo('template_directory'); ?>/js/iepngfix.htc) }
</style>
<![endif]-->

With an endif at the end

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.