TD height problem in Firefox

[Stoemp]

Hi

I tried opening a HTML document I made for a e-newsletter in Firefox. It appears that firefox doesn't recognize the height property for a table cell. Also the border-spacing is not right. The padding doesn't work in IE and also not in Firefox. Can someone help me? I'm pretty new in this whole CSS cross-browser stuff...

You can find the document on:

http://www.biognost.be/research/newsletters/20041012.html

Thanks

Steven

 

[vongrunt]

Extra top/bottom spacing is caused by paragraph tags (P)... also, this code surely won't validate as XHTML 1.0 Strict.

 

[Stoemp]

Thx vongrunt for the info. The page validates now, but the extra spacing isn't gone. I replaced the p tags with div tags, but it still won't work. Any other possible solution?

 

[vongrunt]

Rows above and below title (the ones containing spacer image) probably inherit font size, even if there isn't any text to display.

Either specify small font size for TD, use overflow property (dunno it will work in all browsers) or simply remove spacer images from cells (but don't use   instead).

 

[Stoemp]

Weird... It's not a spacer. It's an image with a white and a black pixel that's stretched to have a kind of 3D-effect. I removed the td with the images and now it works. But it's weird though. Normally it should be possible to put an image in a table cell with the cell wrapped around it without borders... Do you have an explanation for that?

Thanks for the help!

Steven