David Laakso wrote: > Mac os x 10.4.11 parallels xp ie/7 (only). Confirmed in IE7(XP) *and* IE8(Vista).
Think it's a flaw in how Trident apply 'max-width' - as 'width' before checking if 'max-width' should take effect or not. > <http://www.chelseacreekstudio.com/yl/index.html> > > What to do? I can't test your construction locally, but since it only happens when #d is so wide that #d img {max-width : 96%;} is wider than the images intrinsic width, I suggest you declare a max-width on #d too. Something close to... #d {max-width: 554px;} ...(image-border included) should do. Declaring... #d img {width: 530px; max-width: 96%;} ...may also work, since 'max-width' overrides 'width'. I can't test this either. BTW: those fixed margin-top on images are only correct when images are not shrunk on narrower windows. When they are, those margins cause strange alignment-changes when switching images. Same problem in all browsers. Not exactly CSS, but if you want a stable alignment: overlay all images on a common canvas, a white one sized as large as the largest image would otherwise be, so all images get the same width and height. You'll have to incorporate the image-border in the image itself then, and make the canvas wide enough to incorporate it. Oh, and IE6 stretches all images to perfect squares at first load on slow connections, and the min/max script makes it freeze and die under certain conditions. The latter is usually not a problem, but the former may still be. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
