RE: Interop issues regarding tables and css tables

> are different: the former styles the <img> as vertical-align:top but the latter
> does not style the iframe with that style.  If I modify the latter to style the
> iframe with that style, I get http://jsfiddle.net/grjL5/11/ which acts just like
> the <img> case in Gecko and Blink.
> 
> Note that I haven't looked into which behavior the spec actually calls for here
> yet or the second part of your mail; I'll do that later tonight.
> 
> -Boris

Wow, you're right - my bad on that one. I think this all boils down to what vertical-align does to the baseline within a table and my demos only got in the way of that.

I've simplified the numerous demos down to these two:

http://jsfiddle.net/5cyS8/1/ CSS Table: All three browsers render it the same
http://jsfiddle.net/5cyS8/2/ CSS Table: Now FF and Chrome agree because of the addition of vertical align, IE does not

Looking at the numerous areas where vertical-align is mentioned in the various specs (vertical-align, CSS 2.1 tables, etc) I can make a case for both implementations. I'm not strongly biased to one over the other.

An additional note, I find it odd that vertical-align default on a table cell in HTML is middle while on a CSS table cell it is baseline.

Thanks.

Greg

Received on Friday, 13 June 2014 03:00:20 UTC