Member Avatar for hughv

I'v e been using a script for pop-ups for several years, and it works fine in FF.
I noticed the other day that in IE7 it's cutting off the right side of the image. I don't see anything obvious, but I don't know much about Java, so I'm hoping someone can tell me how to fix it.
One page is at:

The code is right on the page.
TIA

  • 2 Contributors
  • 1 Reply
  • 104 Views
  • 16 Hours Discussion Span
  • Latest Post Latest Post by ~s.o.s~

Dani AI

Generated

Small, practical checklist for the popup-image clipping issue reported by . As suggested, a screenshot and the popup markup/CSS would speed debugging; meanwhile try these focused checks that fix the vast majority of IE7 popup-layout problems.

  • Ensure the popup document is rendered in standards mode (a proper DOCTYPE). Quirks mode often changes box calculations.
  • Reset the popup CSS so browser defaults don't eat space: set html, body { margin:0; padding:0; } and make the image display:block; border:0;.
  • If you open the popup with window.open(..., 'width=...,height=...'), remember different browsers treat those numbers differently. Allow extra pixels for IE window chrome and scrollbars, or open with scrollbars=yes,resizable=yes.
  • Check parent/container styles: a container with overflow:hidden or a fixed width slightly smaller than the image will clip it. Temporarily add a visible border/background to the container to reveal the clipping area.
  • For debugging, write the popup’s document.documentElement.clientWidth or document.body.clientWidth into the page to see the actual content width in IE7 (avoid console.log in IE7 unless the console exists).

Example snippets to try in the popup page and opener:

/* popup stylesheet */
html, body {
  margin: 0;
  padding: 0;
}
img {
  display: block;
  border: 0;
}
/* opener: give IE some extra room and allow scrollbars */
var w = 640, h = 480;
window.open('popup.html','p','width=' + (w+20) + ',height=' + (h+60) + ',scrollbars=yes,resizable=yes');

If those steps do not resolve it, post the popup HTML/CSS and a screenshot (as recommended). For a refresher on cross-browser window.open behavior, see the MDN note on window.open: window.open docs.

Member Avatar for ~s.o.s~

Considering not everyone here uses Windows as their primary operating system; posting a screenshot and the relevant piece of code would help you in getting quick assistance. Also since you mention cutting off the image, it might just come out to be a CSS issue if you are applying some sort of style to the newly opened window / image.

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.