W3C home > Mailing lists > Public > www-style@w3.org > June 2014

RE: Interop issues regarding tables and css tables

From: Greg Whitworth <gwhit@microsoft.com>
Date: Fri, 13 Jun 2014 02:59:50 +0000
To: Boris Zbarsky <bzbarsky@MIT.EDU>
CC: "www-style@w3.org" <www-style@w3.org>
Message-ID: <82cc51eed40d432ea658cd0bc1f4b63f@DM2PR03MB400.namprd03.prod.outlook.com>
> 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

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:22 UTC