On Oct 31, 2006, at 8:45 PM, Philippe Wittenbergh wrote:
One thing though, the 'display:table' only work when declared in
both dt and dd.
Without 'display:table'
http://new.marinersq.com/html/aerobics_test.html
With 'display:table'
http://new.marinersq.com/html/aerobics.html
Gecko (Firefox 2.0) is doing something strange with that display:
table, as if it inserts an extra table-row before the link, inside
the <dt>. When I check that on a recent Gecko trunk build, that
doesn't happen (means: a bug has been fixed).
As for Safari, it does also has a bug there (also fixed in recent
nightly builds). Instead of using 'display:table' to establish a
block formatting context, try using 'overflow:hidden'. That doesn't
cause any problems in any modern browser here (Opera, Safari,
gecko). You might want to hide that from IE 6 and maybe 7.
Thanks Philippe, with display:table removed, the overflow:hidden
works for all. Thierry actually suggested using it too, but I
misunderstood him as only using the overflow:hidden if there is
problem in IE.
I'd just notice another problem with IE 6 and 7, that the content is
hidden when the DL' element (with toggle off) is shorter or longer
than the floated box's content.
http://new.marinersq.com/ie.jpg
same problem can be found on this page too
Was drawing my luck on all possible IE fix (position relative,
display inline, display table, display inline-table, zoom 1/100,
overflow hidden and so on). NO luck!
Regards,
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
