The previous fix applied to resolve the block-context issue, was found to cause problems in Safari browsers 1.x and 2.x. and Konqueror. Specifically, forms just vanished off the page. This affected forms whether they were unstyled of using the central forms style sheet.
The issue is with the use of display:table; to set the block context of the #content div. Safari expects to find a child of display:table-row: and child elements of that with display:table-cell;.
The problem only affected Safari versions 1.x and 2.x. Beta 3 versions of Safari on Mac and Windows were unaffected. The related Konqueror browser on Linux was also affected.
The fix, however, applies to style sheets used by all target browsers.
A different method for setting the block context was found.
common.css, #content {display:table;} was changed to #content {overflow:auto;}
This caused issues with IE5 and IE6 in conjunction the method used to ‘give layout’ to the #content div: height:1px;.
display:inline-block; was used instead of height:1px; in the ie-win-5-6.css
At the same time an earlier, unsuccessful fix for the same problem float:left; was removed from the form selector in contentform.css.
Site managers/maintainers should check for adverse effects when the changes are made live.
No known adverse impact.
The fix has been tested on a wide range of browsers with no problems, however individual pages may display some unusual behaviours, so site managers should check as much content as possible and report any problems.
This fix is available for testing immediately and unless problems are found, will be applied to the central style sheets at 10am on Monday, September 10th.
In the event that this causes problems with a local situation or customisation, sites can change their reference to the ‘pre-fixed’ style sheets.
Which will no longer be updated.