Member Avatar for mountain991

HI,

On this page: I have a layout bug in IE7. As you can see in Firefox the special of the month should reside on the right under the slideshow. I have tried positioning it absolutely and even that does not seem to work. Any help would be appreciated.

All the best,

Mountain

  • 1 Contributor
  • 2 Replies
  • 82 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by mountain991

Dani AI

Generated

IE7 often exposes a small set of predictable layout problems. Since reported the element was placed but then became partially hidden, the most likely causes are an ancestor clipping the box (overflow), a missing "hasLayout" on a container, or an unexpected stacking context from positioned ancestors. Quick first steps: confirm a standards DOCTYPE so IE uses standards mode, validate the HTML, and make sure the absolutely positioned element is anchored to the correct positioned ancestor (nearest ancestor with position not static).

A practical set of fixes to try immediately:

/* make the parent a positioned context and trigger hasLayout in IE6/7 */
.container {
  position: relative;
  zoom: 1; /* IE only: fixes many IE6/7 layout quirks */
}

/* place the right-hand box */
.special {
  position: absolute;
  right: 0;
  top: 0;    /* adjust as needed */
  z-index: 2;
}

/* clearfix to contain floats if needed */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

Debug tips: add temporary borders/backgrounds to reveal box boundaries; disable ancestor overflow:hidden to see if clipping stops; inspect z-index on any positioned ancestor; reproduce the issue in a minimal HTML page (isolates the cause). If a targeted fix is necessary for IE7 only, use a conditional stylesheet. These targeted, minimal changes are usually safer than large layout rewrites and will make the root cause clear instead of masking it by trial and error.

Member Avatar for mountain991

HI,

On this page: I have a layout bug in IE7. As you can see in Firefox the special of the month should reside on the right under the slideshow. I have tried positioning it absolutely and even that does not seem to work. Any help would be appreciated.

All the best,

Mountain

OK, I got it positioned correctly and now it's partially hidden.

thanks,

Mountain

Member Avatar for mountain991

OK, I got it positioned correctly and now it's partially hidden.

thanks,

Mountain

OK, I think I have it now. Trial and error. You can use your favorite tool to check out the CSs

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.