Member Avatar for chingupt

I have a Joomla based site running which is facing severe compatablity issues when viewed in IE8. The site works perfectly in Chrome, Firefox, etc. But when it opens up in IE8, the table ordering goes haywire. The colums shift here and there. When i turn on Compatability view, the site becomes distorted but table ordering becomes ok.

Site:

Is there a way to resolve this issue?

Experts please help.

Thabnks in Advance.
Regards

  • 2 Contributors
  • 2 Replies
  • 135 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by chingupt

Dani AI

Generated

reported that the page renders differently in IE8 depending on Compatibility View (columns line up in Compatibility/IE7 mode but the rest of the layout breaks). noted no obvious problem when checking the page. Those symptoms strongly point to an IE document-mode mismatch or fragile HTML/CSS that only “works” under older IE behaviors.

Quick checklist to stabilize tables (apply in the template, not just one page):

  • Confirm a valid DOCTYPE so IE uses Standards mode (quirks mode causes large layout differences).
  • Ensure the page is not being forced into an older mode by a server header or meta tag. To force modern rendering use a header/meta near the top of <head> such as:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Server-sent X-UA-Compatible headers will override a meta tag; check Joomla plugins or .htaccess rules.

  • Validate the HTML for unclosed/misnested tags. Browsers differ in how tolerant they are; an unclosed tag often explains why IE8 (standards) and IE7 (compatibility) behave differently.
  • Make table sizing explicit. Use table-layout: fixed plus explicit column widths (colgroup/col or fixed th/td widths) to prevent browsers from recalculating column widths differently:
table { table-layout: fixed; width: 100%; }
colgroup col { width: 25%; } /* adjust per column count */

Debugging tips specific to IE8:

  • Use F12 Developer Tools to check Browser Mode and Document Mode and to inspect computed widths/styles.
  • Isolate the table in a minimal HTML file. If the isolated table behaves, the problem is outer CSS/layout; if it fails, the table markup/CSS needs correction.
  • For legacy-only fixes, use IE conditional comments to load an IE8-specific stylesheet rather than changing global rules.

Caveat: if Compatibility View “fixes” the columns but distorts the page, the template is relying on old IE behavior — the long-term fix is correcting the HTML/CSS for standards-mode rendering rather than forcing IE7 mode.

Recommended Answers

All 2 Replies

Member Avatar for floatingDivs

Did you get it fixed? I can't seem to find any problems with the page.

Member Avatar for chingupt

NO. Not resolved yet. Open the link in IE8 (Comparability Mode). The tables columns are misaligned. When opened in Non Compatible mode. Then the table becomes aligned.

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.