On 23/08/2007, at 5.04 PM, Andrew Harris wrote:

Hi all, hope you can help. I have a problem with a page in safari.
...
Here is a completely stripped out version of the page, displaying the issue.
http://www.woowoowoo.com/safari-bug/formbug.html
In all browsers there is (should be) a form. In Safari, there is not.
It just vanishes!

I can fix it two ways:
- wrap the form in a div
- remove the display:table; rule on the enclosing div
neither of which are very palatable in the context of the site.


Hi Andrew,

The issue is that you can't technically use the display: table property that way. Safari demands that for every display: table you need a display: table-row and display: table-cell. Your example is something akin to the following old-school HTML:

<table>
        <div>...</div>
        <form>...</form>
</table>

Which is obviously unusual. Beware, also; the display: table property doesn't work at all in any version of IE. Check out http:// www.quirksmode.org/css/display.html#table for more info.

Cheers,

Kit Grose
iQmultimedia

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to