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

[Andreas Höhmann (JIRA)]

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.GA
         Environment: 3.3.2-SNAPSHOT
            Reporter: Andreas Höhmann
            Priority: Minor


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 ?!

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira