ansaurus

Question

why <td > height not equal to <img > height inside of it when DOCTYPE is XHTML 1.0 Strict?

Answer 1

A:

background isn't a standard attribute for TD elements is the reason. Instead use:

style="background: url(/path/to/image.png);"

As for your 1 pixel image, I assume this is simply to make the table cell appear? If so, that's not the advised way of doing it. You can either do:

table { empty-cells: show; }

in CSS although I don't think IE6 supports that. The more standards compliant way is to use a non breaking space:

<td>&nbsp;</td>

cletus 2009-09-20 04:06:40

not working,you can check it out http://maishudi.com/tt3.html

Shore 2009-09-20 04:19:53

Answer 2

+1 A:

Note: this probably depends on the browser.
The size of block-level element (td, div, etc) if not specified will only be as big as needed, according to the space taken by its content. If specified, it will try to expand accordingly, except if the content is bigger, in which case it will expand as necessary.

In your example, the cell contains a single character (the non-breaking space), which take the size of single line. Hence, the block element must be at least 1 line-height high; it can't assume any smaller size. This is why your height declaration was ignored.

You may want to use this style:

line-height: 1px;

This sets the line-height to 1px. Line-height is not an element, so the above rule doesn't apply.

RichN 2009-09-20 07:25:38

Works like charm! But can you explain why height has no effect on td?

Shore 2009-09-20 07:38:24

It's based on browsers also. Some browsers expect text content within elements. This can also happen with divs.

Ólafur Waage 2009-09-20 10:08:41

Edited my answer.

RichN 2009-09-20 18:54:12

Answer 3

+1 A:

Add a style block with this rule

td img {display: block;}

and see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious%5FGaps for a full explanation.

Alohci 2009-09-20 09:39:38

ansaurus

tags:

views:

answers:

why <td > height not equal to <img > height inside of it when DOCTYPE is XHTML 1.0 Strict?

related questions