On Aug 1, 2006, at 8:40 PM, Joe D'Andrea wrote:

Minimal Test Case: http://test.joesapt.net/opera

Includes links to BrowserCam shots and a few more variations for good measure.

Markup:

 <p><a href="#">1</a> <a href="#">2</a> ... <a href="#">8</a></p>

Style:

 p { display: table; }
 p a { float: left; min-width: 16px; }

Whatever the rationale for using a <p>, what is the idea behind using {display:table} ??

... because I'm not sure this is strictly a bug. An element with display:table shrink-wraps the width, just as a real table would do. And Opera is known to be more aggressive in this than some other browsers. Add to that, your 'table' element only contains *width-less* floated elements. That may complicate the computation of width. And on the side, you won't need to clear those floated elements as {display:table} establishes a new block formatting context and contains the floated blocks any way.

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>





******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

Reply via email to