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

              Ascending order - Click to sort in descending order
              Mircea Toma created issue -
              Hide
              Permalink
              Philip Breau added a comment -

              suggested improvement: http://www.icefaces.org/JForum/posts/list/3058.page

              Show
              Philip Breau added a comment - suggested improvement: http://www.icefaces.org/JForum/posts/list/3058.page
              Philip Breau made changes -
              Field Original Value New Value
              Summary Tabs in PanelTabSet are separated by wide gaps in Safari Tabs in PanelTabSet are separated by wide gaps in IE, Safari
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #14138 Thu Jun 14 11:13:54 MDT 2007 ted.goddard extra table column and specified tab widths for Safari tab layout (ICE-1663)
              Files Changed
              Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/paneltabset/PanelTabSetRenderer.java
              Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/xp/xp.css
              Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/royale/royale.css
              Hide
              Permalink
              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>
              Ted Goddard made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Fix Version/s 1.6 [ 10031 ]
              Resolution Fixed [ 1 ]
              Ken Fyten made changes -
              Fix Version/s 1.6DR#6 [ 10090 ]
              Fix Version/s 1.6 [ 10031 ]
              Ken Fyten made changes -
              Fix Version/s 1.6 [ 10031 ]
              Ken Fyten made changes -
              Status Resolved [ 5 ] Closed [ 6 ]

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: