CSS Drive forums | Vertical alignment of images in Mozilla

Vertical alignment of images in Mozilla

Posted: 12 May 2006 05:10 PM

[ Ignore ]

Newbie

Total Posts: 2

Joined 2006-05-12

On my site I have a gallery that is working just fine in IE. But when I see the same gallery in Mozilla the images will not be vertically aligned in the middle.

Can someone spend a minute to checkout why the CSS doesn’t work well in Mozilla?

http://home.tiscali.nl/~fgbraam/curacao2006.html

Profile

jazz_snob

Posted: 18 May 2006 05:48 AM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 16

Joined 2005-12-07

Apparently you need some text to “align-to”, so put some text in the span after the image like <span>.</span> then hide the span:

#gall .thumb span { 
     display: inline-block; 
      vertical-align: middle; 
      height: 100px;
      visibility: hidden;
} 

Fixes firefox and safari.

Profile

Snarf

Posted: 18 May 2006 10:01 AM

[ Ignore ] [ # 2 ]

Newbie

Total Posts: 2

Joined 2006-05-12

Thank you so much ... I never thought that this would the problem. Thank you for spending your precious time to solve my problem. My site looks even fine now in Mozilla.

Profile

‹‹ Footer in Internet Explorer 6.0 enclosing div stretched to edge of screen in safari ››