Log in

View Full Version : CSS Image Gallery help



jennp
03-29-2011, 07:26 PM
I have created a website that works great in Firefox, IE8, Safaribut is a nightmarein IE7
See my problem with the photos at
http://www.jpollman-marketing.com/pocciDesignsite/manor.html

Any suggestions would be most appreciated

azoomer
03-29-2011, 08:35 PM
It looks strange in firefox too, but that because the large images are absolutely positioned. To center them you could try this css


.thumbnail:hover span {
left: 50%;
margin-left: -450px;
top: 165px;
visibility: visible;
z-index:50;
}

This will place the image in the middle horizontally, but you will need to remove the padding from the 'thumbnail span' and 'thumbnail span img' to get it to fit. Otherwise you would have to increase the width of the containerBlank.