nie bylo latwo, ale dzieki selektorom '.element[class]' udalo sie przypisac odpowiednie style zarowno dla ie i ff.
cos mnie podkusilo zeby zobaczyc jak to bedzie wygladalo w ie7 - no i oczywiscie lipa.
(offtopic - przy instalacji ie7 uszkodzil mi windowsa, juz sie nie wlaczyl)
strona to www.photography.kw.pl
pozycjonowanie obrazkow wyglada dobrze w ie6 i ff, natomiast w ie7 vertical alignment juz nie dziala (jest top zamiast middle). pomocy :-)
kod css zostal 'zapozyczony' od kolegow z adobe (galeria html programu lightroom, np: www.switzerland.kw.pl)
/* cell alignment */ .alignmentOuter { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .alignmentOuter[class] { position: static; text-align: center; display: table; } .alignmentMiddle { z-index: 3; position: absolute; top: 50%; left: 47%; } /* for explorer only*/ .alignmentMiddle[class] { position: static; display: table-cell; vertical-align: middle; } .alignmentInner { z-index: 4; position: relative; top: -50%; left: -50%; } /* for explorer only */ .alignmentInner[class] { position: static; } .AdjustZIndex { z-index: 4; position: relative; } <div class="thumb"> <div class="alignmentOuter"> <div class="alignmentMiddle"> <div class="alignmentInner"> <div class="AdjustZIndex"> </div> </div> </div> </div> </div>
jak widac prawidlowe pozycjonowanie dla ff i ie6 wymaga sporo gimnastyki, a tu jeszcze ie7...