On Nov 1, 2006, at 10:22 AM, Tee G.Peng wrote:
Thierry suggested adding display: table or inline-table in dd and
dt. 'Inline table' doesn't solves the Safari's problem for (1) but
the 'table' does, however it resulting bigger spacing (top and
bottom) in Gecko based browsers. playing with margins or paddings
doesn't fix the problem. Any solution for this?
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.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
