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 PROTECTED]
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/

Reply via email to