Member Avatar for kireol
kireol 10 Posting Whiz

http://www.proloanmods.com/testimonials.php

The testimonials.jpg graphic on this page appears fine in Firefox. But in IE it gets chopped off. I'm not sure why only on this page as I use the same template for every page more or less.


Does anyone have any ideas why?


Also, I've tried resaving and reuploading the image. If i view the image directly in IE, it is fine. so it's a DHTML thing.

  • 1 Contributor
  • 0 Replies
  • 117 Views

Dani AI

Generated

— because the JPG opens correctly by itself in IE, the file is fine and the problem is almost certainly page markup or CSS. Common causes for an image to be "chopped" only in IE are: a parent element with a fixed height plus overflow:hidden, an unclosed tag that breaks layout in IE, float containment differences, or a positioned element overlapping the image.

Quick diagnostic checklist:

  • Validate the page HTML with the W3C validator (https://validator.w3.org/) to catch unclosed tags or misplaced table/div endings.
  • Turn off the stylesheet(s) (or disable rules via F12) to see whether layout/CSS is responsible.
  • Use IE’s Developer Tools (F12) to inspect the image and its parent’s computed height, overflow, position, and z-index.
  • Check the DOCTYPE — quirks vs standards mode often changes how IE lays out boxes.

Useful quick tests (paste into the stylesheet or DevTools to try):

/* force the image out of inline layout */
#testimonials img { display: block; height: auto; max-width: none; }

/* force parent to expand (clears floats / triggers layout in older IE) */
#testimonials .parent { overflow: visible; /* or overflow:auto */ zoom: 1; }

Practical fixes that resolve this class of problem are removing fixed heights on containing elements, switching the image to display:block, giving the parent a clearfix or overflow:auto, or (for older IE) forcing hasLayout via zoom:1. For details on overflow and float behavior see MDN’s overflow reference (https://developer.mozilla.org/en-US/docs/Web/CSS/overflow).

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.