Hints And Tips research knowledge archive
Tip# 354
Sponsored Links
 
Subject: Images in a table in FireFox/Safari with gap at bottom
Updated: Apr-5-2005
Rating: Not Rated
By: Rocky Moore - Member #: 1
Location: Klamath Falls, Oregon USA
Website: www.RockyMoore.com
Category: Computers > Programming > General Web Development
Rate This Tip (10=Great):  1  2  3  4  5  6  7  8  9  10
I ran into a problem with FireFox where it would not display images properly in a table.  The image would float to the top of a cell and always have several pixels add to the botom regardless of the cell height specified.

After a bit of digging, I found this was a problem when I used a "strict" document type and not when in "transitional".  I still wanted to use "strict" (even though the actual content did was not 100% strict compliant) as it forced Internet Explorer to handle some other issues of compatibility I had, so that was not an option.

After yet even more research, I found that it appears FireFox and Safari both default image vertical alignment to "baseline" in "strict" mode.  By simply setting:

img
{
vertical-align: top;
}

This solved the problem for my site.

[Submit DIGG for this tip]


-----------
Note: Use the tips posted on this site at your own risk. The tips are posted by the public and as such may or may not be valid.

Sponsored Links
Categories
hints and tips gold divider
Sponsor Sites To Visit
The Awakening
Spirit-Filled Christianity is
more than filling a pew !

Not producing fruit?
Healing, where to turn?
Provision, where to turn?
Lost, where to turn?

It is time for --TheAwakening !
The Saints In Light
Christian Thoughts on
Various Topics - Check it Out!

Click Here
Silverlight City

Keep up with the latest in
Microsoft's Silverlight
Technology!

Click Here
Our Local Christians
Find other Christians
In your local area
Who share your beliefs!

Click Here
United Christian Voters
Tired of seeing your
Rights Vanish?
If all Christians would
Pull together, we can
bring Change Unite Now!

Click Here
Reflected Thought
Inventions ~ Ideas ~ Humor
Politics ~ Opinions ~ Thoughts
Software Development
Business And Stuff....

Click Here
HintsnTips.com
Articles on Various Topics!

Click Here
XML RSS News Feed For Recently Posted Hints And Tips  RSS Feed
You can now get updates to the Recent Tips section by using RSS. The address is:

HintsAndTips.com/Rss.aspx

* Posting Tips *
To post a Tip, Recommendation or Tips Wanted, simply browse to the category you feel is a best fit for your post (click on the Recommention or Tips Wanted tab if fitting) and then click on "New Post" option.
(C) Copyright 1998-2009 All Rights Reserved By R & J Technologies - www.RJSoft.com