[ https://jira.jboss.org/browse/RF-9126?page=com.atlassian.jira.plugin.syst... ] Nick Belaevski updated RF-9126: ------------------------------- Assignee: Nick Belaevski Fix Version/s: Future_3.X -- This message is automatically generated by JIRA. - If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/secure/Administrators.jspa - For more information on JIRA, see: http://www.atlassian.com/software/jira

[ https://issues.jboss.org/browse/RF-9126?page=com.atlassian.jira.plugin.sy... ] Val Blant commented on RF-9126: ------------------------------- This issue is still present in 3.3.3.Final Note that "white-space: nowrap;" is not really a solution, if your tabs take up the full width of the screen. If you turn off wrapping, the tabs will expand beyond the screen limits. -- This message is automatically generated by JIRA. For more information on JIRA, see: http://www.atlassian.com/software/jira

[ https://issues.jboss.org/browse/RF-9126?page=com.atlassian.jira.plugin.sy... ] Val Blant commented on RF-9126: ------------------------------- I looked into why this problem is happening and came up with a work around. Hopefully this will be useful to others. The reason why the tabs end up being a different size, is b/c RichFaces tabPanel is trying to use _style="height: 100%"_ on tables to lay out the tabs. However, this will only work in Quirks Mode. In Standards Mode, the height is calculated as follows, according to the [CSS Spec|http://www.w3.org/TR/CSS21/visudet.html#the-height-property]: bq. The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'. In other words, since we are not specifying the height explicitly and we are relatively positioned, _"height: 100%"_ is ignored! I came up with a JavaScript work around that fixes the problem by first allowing the browser to layout the table and then finding the tallest TD and explicitly assigning that height to all other TDs. Just include _tabPanelFix.js_ in your page and the tabs should become the correct height. -- This message is automatically generated by JIRA. For more information on JIRA, see: http://www.atlassian.com/software/jira

[ https://issues.jboss.org/browse/RF-9126?page=com.atlassian.jira.plugin.sy... ] Val Blant updated RF-9126: -------------------------- Attachment: BrokenTabPanel_IE8.png Tabs look even worse in IE8. Attaching screenshot. -- This message is automatically generated by JIRA. For more information on JIRA, see: http://www.atlassian.com/software/jira