Sent by Philippe Wittenbergh on 27 April 2007 05:05
On Apr 27, 2007, at 12:20 PM, Mark Kamian wrote:
> Philippe,
>
> About your response:
>
> 1. How did you determine that?
> 2. Can you think of a logical reason why Safari comes up with that
> 770px
> value?
A humble screen ruler.
(Actually, with a little help: Firefox' DomInspector, and then with
the WebInspector that comes with nightly WebKit builds.)
Tables, and by extension 'display:table', are complicated elements.
Referring to the width of a table:
Under 17.6.1 The separated borders model, we can find this sentence [1]:
'However, in HTML and XHTML1, the width of the <table> element is the
distance from the left border edge to the right border edge.'
However, the issue is more complicated, as the border on <table>, and
again 'display:table' should in fact be painted half outside, half
inside the table. Safari doesn't do this, it paints the borders fully
inside of the table.
IE win has no problems with your file, as it doesn't support
'display:table'.
Firefox puts the borders correctly. But it also expands the div to
account for the 2 floated columns (generation of table-cells, see
17.2.1).
Unless you know very well what you do, I'd say, stay away from
display:table.
[1] <http://www.w3.org/TR/CSS21/tables.html#borders>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
