Page 1 of 1

[Solved] Album css ok in IE but not FF

Posted: Thu Dec 06, 2007 5:33 am
by dlpirl
Take a look at http://s2pmarketsignal.com/MatxainEtxea ... hoto-album in both IE and FF and you will see that in IE text is correctly centered over album thumbnails, but in FF it is not.  Any ideas how to fix?

Re: Album css ok in IE but not FF

Posted: Thu Dec 06, 2007 9:10 am
by KO
Actually text is aligned correctly but image is not. In IE that is done with text-align:center. For Firefox you need margin: 0 auto;
So...

.thumb a
{
display:block;
height:72px;
/* Set link formatting*/
width:100px;
/* Thumb width*/

/* Thumb height*/
padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
margin:0 auto; <-- Modify this
background-color:white;
/*Background of thumb */
border-top:1px solid #eee;
/* Borders of thumb frame */
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:1px solid #eee;
text-decoration:none;
}

Should fix it.

Br, K

Re: Album css ok in IE but not FF

Posted: Thu Dec 06, 2007 4:18 pm
by dlpirl
That did it. Thanks!