Member Avatar for brainfo

Hello I have a site designed based in cms. There is a problem displaying a single page in ie(internet explorer). But in firefox and chrome it seems to be fine. I am tired of searching bugs. The problem is, In ie the footer and some content of the body is not displayed but in firefox it displays. Please help. ( ) :(

  • 3 Contributors
  • 2 Replies
  • 313 Views
  • 5 Months Discussion Span
  • Latest Post Latest Post by JorgeM

Dani AI

Generated

A short, focused checklist and quick tests to find why the footer (and parts of the body) show in Chrome/Firefox but not in IE.

First checks (fast):

  • Confirm which exact IE version and whether Compatibility View/Document Mode is active — as suggested, post the exact version (IE8, IE9, etc.).
  • Make sure the page is in standards mode: include a proper DOCTYPE and an X-UA-Compatible header in the <head>. For example:
<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Debug with IE's developer tools (F12):

  • Inspect the DOM: is the footer element present? If it is missing, a script or a broken/unclosed tag may have stopped rendering.
  • If present but invisible, check the computed style for display, visibility, height, overflow, position and z-index. Check the Console for JavaScript errors that may abort rendering. For a quick visibility test you can temporarily force it:
#footer { display: block !important; background: #f00; }  /* testing only */

Common causes and fixes:

  • Floats not cleared: parent height collapses and the footer can overlap or be hidden. Use a clearfix on containers:
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix { zoom: 1; }  /* helps older IE versions */
  • overflow: hidden on a parent can clip content; remove it or adjust.
  • Old IE layout bugs (the "hasLayout" era) can be fixed by giving the element zoom:1 or an explicit width.
  • Conditional CSS or IE-only rules may be hiding the element—search for conditional comments or IE-specific styles. As noted, IE differs in standards support, but switching to tables is not a fix — use targeted CSS adjustments instead.

If the tests above don't reveal the problem, build a minimal HTML/CSS test file that reproduces the layout (remove CMS code) and share it with the exact IE version and the small CSS/HTML snippet. That makes it much easier to pinpoint the cause.

Recommended Answers

All 2 Replies

Member Avatar for otengkwaku

the thing is that ie has some problems with it cames to inplimentation of some of the w3c standered so what to do is try to specify a rule in your css rules for only ie and yous some of the basic way of presenting data like the you of tables instered of divs and others

Member Avatar for JorgeM

I took at look at the link with IE9 & Chrome. Seems OK. Is there a specific version of IE you are having a problem with?

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.