Member Avatar for gnat_

I have a problem with a table loading then instantly disappearing in IE7. From googling the problem i've learned that IE7 likes making images and other things disappear to do with background properties and haslayout (though i dont really understand exactly how this works). However i've not found anything about table's disappearing. The div containing just the table is still present and the table still takes up space is just doesn't display.

I'm not sure what parts of the code to present but im talking about the main content bit of

Unfortunately the table code is generated by a not particularly well documented wordpress plugin script that's too dense for me to hack.

Please Help!

  • 2 Contributors
  • 2 Replies
  • 112 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by gnat_

Dani AI

Generated

Good catch by — the container ended up hidden in IE7. For anyone stumbling on a similar “table exists and takes space but won’t render” problem, this is a compact checklist and a few safe fixes you can try without diving into the plugin core.

Basic diagnostics

  • View the raw page source first: if the container is output already hidden, the plugin/server sent it that way; if not, some script is toggling it at runtime.
  • Disable JavaScript or load the page with script execution blocked. If the table appears, a script failed to re-show it.
  • Enable script debugging (or use Firebug Lite) and watch for exceptions during the plugin’s initialization — a single JS error often prevents a later “show” step from running.
  • Inspect computed styles (using IE tools) to see whether visibility, opacity, display, filter, or a z-index/positioning rule is hiding the contents.

Quick, non-invasive fixes
You can force a visible render as a temporary/workaround (add to your theme or enqueue a small fix rather than editing the plugin directly):

/* IE-only or global fallback */
#wpng-cal-events { display:block !important; zoom:1; } 
/* jQuery approach (safe in WordPress themes) */
jQuery(function($){
  $('#wpng-cal-events').show().css('zoom',1);
});

If the plugin intentionally hides the container until JS finishes, look for the hide/show logic in its scripts (search for the element id or for calls that set style.display), or wrap the show step in a try/catch. Avoid editing plugin files directly; use a child theme or small “snippets” plugin and keep backups. If the underlying cause is a plugin bug, update or report it to the author — as found, it’s often a simple script-side fix.

Recommended Answers

All 2 Replies

Member Avatar for Varnius

The div where table resides looks like this in IE7:

<div id="wpng-cal-events" style="display:none;"></div>

In other browsers:

<div id="wpng-cal-events" style="display:block;"></div>

So the problem is that display property is not set to "block" in IE7.

Member Avatar for gnat_

huh... that's really weird, apparently a bug in the script, but easily fixed.

Thanks a lot :)

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.