Steve Moore wrote:
> I thought this would be simple to accomplish, and it is in every
> browser but IE. Simple float left of images, with a clear after each
> second one to get another row. Page also has a float right of a
> another page graphic. All works as desired until the very last image,
> which shows up way out of place in IE, under the right floated page
> graphic. Can find no reason for this, nor how to fix. Any help
> Page is at http://larimerworkforce.org/lcycc_photos.htm
Reason: IE/win hasLayout bug. Complex variant that needs more than
one correction for IE/win. No /browser-hacks/ needed though.
How to fix: adding a 'hasLayout-trigger' (width: 420px /* or something
close to that value */) and something for IE to hold on to (position:
relative) when positioning the content inside the existing container-div
that follows the rightmost image in your source code - containing the 6
Working example with inline styles:
<img src="lcycc_cr.jpg" alt="" width="240" height="240" class="right">
<div style="width: 420px; position: relative;"> <!-- this one -->
<div class="lcyccphoto"><img ...
Add an ID or CLASS to that div, and move styles to same in stylesheet.
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/