[richfaces-issues] [JBoss JIRA] Resolved: (RF-7457) rich:layout renderes a line-seperator this shows a empty white line in IE

rich:layout renderes a line-seperator this shows a empty white line in IE ------------------------------------------------------------------------- Key: RF-7457 URL: https://jira.jboss.org/jira/browse/RF-7457 Project: RichFaces Issue Type: Bug Components: component Affects Versions: 3.3.2.CR1 Environment: 3.3.2-SNAPSHOT Reporter: Andreas Höhmann Assignee: Andrey Markhel Fix For: 3.3.2.GA Attachments: LayoutRendererFix.java, Screenshot Firefox3.jpg, Screenshot IE 6.jpg Time Spent: 4 hours Remaining Estimate: 0 minutes The org.richfaces.renderkit.html.LayoutRenderer contains at line 71 the following code // line separator. writer.startElement(HTML.DIV_ELEM, layout); writer.writeAttribute(HTML.style_ATTRIBUTE, "display: block; height: 0; clear: both; visibility: hidden;", null); writer.writeText(".", null); writer.endElement(HTML.DIV_ELEM); i define a layout like this: <rich:layout id="treeLayout"> <rich:layoutPanel id="treeHeader" position="top" width="100%" style="background-color:green;"> <h:panelGrid cellpadding="0" cellspacing="5" width="100%" headerClass="secondaryNavigation"> <f:facet name="header"> <h:outputText value="#{bundle['components.tree.header']}" style="padding-left: 5px;" /> </f:facet> </h:panelGrid> </rich:layoutPanel> <rich:layoutPanel id="treeComponent" position="bottom" width="100%" style="background-color:red;"> <div style="margin: 0px 0px 0px 5px;"> <a4j:outputPanel id="componenTreeContainer" layout="block" styleClass="treeContainer" style="overflow: auto; width: 100%;"> <a4j:form> <rich:tree id="softwareCategoryTree" switchType="ajax" .../> </rich:tree> </a4j:form> </a4j:outputPanel> </div> </rich:layoutPanel> </rich:layout> this will produce html like this: <div style="float: left; width: 29.11%;" width="30%"> <div id="treeLayout" style=""> <div id="treeHeader" style="background-color: green;" width="100%"> <table width="100%" cellspacing="5" cellpadding="0"> .... header here .... </table> </div> <div style="display: block; height: 0pt; clear: both; visibility: hidden;">.</div> <div id="treeComponent" style="background-color: red;" width="100%"> <div style="margin: 0px 0px 0px 5px;"> <div id="componenTreeContainer" class="treeContainer" style="overflow: auto; width: 100%;"> ... tree here ... </div> </div> </div> </div> </div> The middle div with "." content is shown in IE6 as empty white line ... FF looks good. I guess the "." will break the IE layout ?!