On 16.11.2008 13:27, Bruno Fassino wrote: > Patrik Jansson wrote: > In IE, however, the top of the bigger image is a bit lower than the > thumbnails and when there are thumbnails in three or more rows, the > bigger image drops even more down, approximately the height of one > thumbnail. So it looks like IE thinks that the bigger image is > positioned somehow relatively with the thumbnails..? > > [...] > >> For example here there are two rows of thumbnails and IE shows the >> bigger image 1.5em or so below the line it should be in: >> http://www.mondiara.com/x_tlehto.php?lang=en >> > In IE relative containers need hasLayout otherwise they misbehave in many > different ways [1]. > Adding: > .gallery { zoom: 1; z-index: 1; } > and removing the IE-specific > top: -8em; > seems to fix the problem, at least in IE7. > (I haven't looked at the details, in particular why a z-index seems > necessary to avoid problems at hover.) > > > Best regards, > Bruno > > Thanks! Yes, your fix solved it (at least in IE7), I hadn't heard of the zoom-attribute before.. Could someone check e.g. http://www.mondiara.com/x_hemvik.php?lang=en on IE6 and tell if the the big images are aligned with the top of the thumbnails like in FF, Safari and IE7?
About the z-indexes: I want the first image on the page (in css the img.big0) to be visible when thumbnails are not hovered over so the z-index is needed (unless there is another alternative) to get the other big images appear on top of the first, allways-visible, one. "In IE relative containers need hasLayout otherwise they misbehave in many different ways" Any chance you could clarify this a bit? I haven't studied that much before, but obviously it's a good thing to remember. It seems that it's necessary to set one layout-attribute to all relative containers? I tried setting a width to the .gallery -div and also that solved the problem. Is there any specific reason you suggested to set the zoom- and z-index -attributes to it? thanks for your help, --patrik ______________________________________________________________________ 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/
