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
Well bust mah britches and call me cheeky, on Wed, 02 Jan 2008 13:06:31
GMT Tomasz J scribed:
> 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.
Image is inline and thus being located at the baseline. One favored fix is
to display it block.
--
Neredbojias
Riches are their own reward.
Thanks!
But why inly in IE?? I guess it is a rethorical question.
Tomasz
In article
"Thomas J"
> Thanks!
>
> But why inly in IE?? I guess it is a rethorical question.
>
> Tomasz
You are not explaining your problem properly. How about a real
example with a real image and some real dimensions rather than
the less than clear Xs and teensy cols...?
Please quote what you are referring to before you reply.
--
dorayme
Well bust mah britches and call me cheeky, on Wed, 02 Jan 2008 23:08:10 GMT
Thomas J scribed:
> Thanks!
>
> But why inly in IE?? I guess it is a rethorical question.
>
> Tomasz
Um, I really don't know. Couldn't be IE does something standardized where
the others compensate or ignore it...nah.
I look at html and css specs like rubber bands. They can be stretched and
reshaped, have holes, but they're still what holds things together. No
browser today is perfect or even that close, so flexibility is a required
quality for the happy pagemaker.
--
Neredbojias
Riches are their own reward.
"Tomasz J"
news:flg2jo$df0$1@nemesis.news.tpi.pl...
> 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.
Time to stop the guesswork :-)
Do it this way:
instead of
and
instead of
Note the whitespace before the in each case. A space in the first one
and a newline, tab,tab or space,space in the second one.
IE incorrectly *uses* that whitespace. Modern browsers correctly ignore it.
--
Richard.
Hi Richard,
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 (