Image Positioning Inside Table Problem (IE only)

Hello Developers!

I am pulling my hairs out. IE adds extra space below an image when I align
it at the bottom inside a table cell.
Firefox and Opera render as expected.

Simple example available at
http://my-picture-store.com/test/panelboxtest.htm
Any ideas? cellspacing and cellpadding is already set to zero.

Thomas

Thomas J wrote:

Hello Developers!

Crosspost, don't multipost.

http://oakroadsystems.com/genl/unice.htm#xpost


--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org

Thomas J wrote:

nonsens

And learn to quote and attribute.

T

And learn to make a valid sig.

--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org

and your must be so proud wasting your time and bytes on hundreds of servers
T

Thomas J wrote:

and your must be so proud wasting your time and bytes on hundreds of servers
T

It wouldn't be wasted if it got you to learn how to post, dimbulb.


--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org

Thomas J wrote:

I am pulling my hairs out. IE adds extra space below an image when I align
it at the bottom inside a table cell.
Firefox and Opera render as expected.

Simple example available athttp://my-picture-store.com/test/panelboxtest.htm
Any ideas? cellspacing and cellpadding is already set to zero.

Hi Thomas,

You need to add this to your CSS in the head of your page:

IMG {margin: 0px;display:block;}

That will remove that tricky 3px bottom margin

Regards,
Casey.

On 3 jan, 17:29, cfarrell <fera... (AT) gmail (DOT) com> wrote:

Thomas J wrote:
I am pulling my hairs out. IE adds extra space below an image when I align
it at the bottom inside a table cell.
Firefox and Opera render as expected.

Simple example available athttp://my-picture-store.com/test/panelboxtest..htm
Any ideas? cellspacing and cellpadding is already set to zero.

Hi Thomas,

You need to add this to your CSS in the head of your page:

IMG {margin: 0px;display:block;}

That will remove that tricky 3px bottom margin

Regards,
Casey.

Casey,

Have you actually examine the original poster's message and more
carefully his webpage? You see, over at another discussion forum
(alt.html), a poster (rf) claims that the issue is to remove "the
whitespace before the </td> (...) IE incorrectly *uses* that
whitespace. Modern browsers correctly ignore it."

Now, this is where we really needed all and deserved all to get the
poster to avoid cross-posting and wasting everyone's time and typing
hands. We would have then all benefited (and learned) from having a
non-fragmented discussion on the original poster's.

To Thomas J:
Do not multi-post. Cross-post if you really believe you need to and
then set a followup-to accordingly. It is in your best interests to do
so. You're the one who should try to comply with rules, etiquette and
common grounds in newsgroups. Not the other way around.

Regards, Gérard

On Jan 4, 1:58 pm, GTalbot <newsgr... (AT) gtalbot (DOT) org> wrote:

Casey,

Have you actually examine the original poster's message and more
carefully his webpage? You see, over at another discussion forum
(alt.html), a poster (rf) claims that the issue is to remove "the
whitespace before the </td> (...) IE incorrectly *uses* that
whitespace. Modern browsers correctly ignore it."

Hi Gérard,

Yes - here's the statement I was answering:

IE adds extra space _below_ an image when I align
it at the bottom inside a table cell.

If IE were using the whitespace before the </td>, it would have made
space to the right of the image, not below.

I had a look at the linked page and could see that issue, and the
styling rules I posted will fix that issue. I believe it is actually
caused by IE forcing a td to be the height of the line-height when any
inline element is inside that td, and placing that inline element at
the top of the line.

I agree, the OP should have cross posted - then if the original
question had changed I would have known about it. It would be good to
hear back from him to see if the problem has been solved but I fear he
may have been scared off by the aggressive tone after a simple
mistake.

Casey.

good luck, don quixote
T

Hi Casey,

I do not get scared off that easily.

Again, my problem was unwanted space below an image aligned to the bottom of
a table cell.
See: http://my-picture-store.com/test/PanelBoxTest.htm

What I need to accomplish was placing more than one image at the very bottom
of a table cell. I did not specify this initially not knowing that it would
make a difference.

Eliminating whitespace between elements inside the table cell (<td>) solved
the problem!
- see: http://my-picture-store.com/test/PanelBoxTest1.htm.
(tested in IE, Firefox, Opera and Safari)

Thank you for your and others help.

T