Image Positioning Inside Table Problem (IE only)

[Thomas J]

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

[Blinky the Shark]

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]

nonsens

T

[Blinky the Shark]

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

[Thomas J]

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

[Blinky the Shark]

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

[cfarrell]

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.

[GTalbot]

On 3 jan, 17:29, cfarrell <[e-mail]:

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

[cfarrell]

On Jan 4, 1:58 pm, GTalbot <[e-mail]:

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.

[Thomas J]

good luck, don quixote
T

[Thomas J]

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

[Jonathan N. Little]

Thomas J wrote:

good luck, don quixote

Hmm, I guess stupid and proud of it, eh?

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Thomas J]

I value every opinion, besides those getting personal.
T

[Jonathan N. Little]

Thomas J wrote:

I value every opinion, besides those getting personal.

Just not common courtesy or protocol:

http://www.google.com/search?hl=en&q...=Google+Search
nettiquet how to post on Usenet - Google Search

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Sherman Pendley]

"Thomas J" <no****@nospam.nospamwrites:

I value every opinion, besides those getting personal.

Good for you. To what, and to whom are you replying? It's customary to
quote the relevant parts of the message to which you're responding, and
considered rude not to.

This is because of the distributed and asynch nature of usenet; your reply
may appear on my local server before the message you replied to, the original
may have expired and been deleted from my local server, or it may never
have arrived at all.

sherm--

--
My blog: http://shermspace.blogspot.com
Cocoa programming in Perl: http://camelbones.sourceforge.net