ICEfaces
  1. ICEfaces
  2. ICE-1663

Tabs in PanelTabSet are separated by wide gaps in IE, Safari

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 1.5.4
    • Fix Version/s: 1.6DR#6, 1.6
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      browser, Safari

      Description

      Layout issue in Safari.

        Activity

        Hide
        Philip Breau added a comment -
        Show
        Philip Breau added a comment - suggested improvement: http://www.icefaces.org/JForum/posts/list/3058.page
        Hide
        Ted Goddard added a comment -

        Rewriting the tab component to use DIVs is an excellent suggestion, but too ambitious for this release.

        The bug has been reported to Apple (5266124); in the meantime, however, a workaround has been checked in.

        The following HTML renders all tables identically on browsers other than Safari, but shows the bug in Safari.

        <table border="1" >
        <tbody>
        <tr style="width: 100%">
        <td width=1>one</td>
        <td width=1>two</td>
        <td >three</td>
        <td style="width: 100%">four</td>
        </tr>
        <tr><td colspan="4">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
        </tbody>
        </table>

        <table border="1" >
        <tbody>
        <tr style="width: 100%">
        <td width=1>one</td>
        <td width=1>two</td>
        <td width=1 >three</td>
        <td style="width: 100%">four</td>
        </tr>
        <tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
        </tbody>
        </table>

        <table border="1" >
        <tbody>
        <tr style="width: 100%">
        <td >one</td>
        <td >two</td>
        <td >three</td>
        <td style="width: 100%">four</td>
        </tr>
        <tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
        </tbody>
        </table>

        <table border="1" >
        <tbody>
        <tr style="width: 100%">
        <td >one</td>
        <td >two</td>
        <td >three</td>
        <td style="width: 100%">four</td>
        </tr>
        <tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
        </tbody>
        </table>

        Show
        Ted Goddard added a comment - Rewriting the tab component to use DIVs is an excellent suggestion, but too ambitious for this release. The bug has been reported to Apple (5266124); in the meantime, however, a workaround has been checked in. The following HTML renders all tables identically on browsers other than Safari, but shows the bug in Safari. <table border="1" > <tbody> <tr style="width: 100%"> <td width=1>one</td> <td width=1>two</td> <td >three</td> <td style="width: 100%">four</td> </tr> <tr><td colspan="4">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr> </tbody> </table> <table border="1" > <tbody> <tr style="width: 100%"> <td width=1>one</td> <td width=1>two</td> <td width=1 >three</td> <td style="width: 100%">four</td> </tr> <tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr> </tbody> </table> <table border="1" > <tbody> <tr style="width: 100%"> <td >one</td> <td >two</td> <td >three</td> <td style="width: 100%">four</td> </tr> <tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr> </tbody> </table> <table border="1" > <tbody> <tr style="width: 100%"> <td >one</td> <td >two</td> <td >three</td> <td style="width: 100%">four</td> </tr> <tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr> </tbody> </table>

          People

          • Assignee:
            Unassigned
            Reporter:
            Mircea Toma
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: