Wed, 2011-11-16 10:27
I use a third party script for my gallery (see http://thomaft52.fiftytwo.axc.nl/portfolio/index2.php for an example). This works perfectly in all major browsers except for Internet Explorer 9. With IE the images move a couple of pixels to the right, everytime a new slide is comming up.
These are the CSS settings for the gallery:
/*--Window/Masking Styles--*/ .window { height:274px; width: 667px; overflow:hidden; /*--Hides anything outside of the set width/height--*/ position:relative; } .image_reel { position: absolute; top: 0; left: 0; border-width: 0px; } .image_reel img {float: left; border-width: 0px;} /*--Paging Styles--*/ .paging { position: absolute; bottom: 10px; right: -10px; width: 180px; height:40px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; background: url(paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ }
Is there anything here that Internet Explorer unfriendly? Or contradicting eachother?