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

[Andreas Höhmann (JIRA)]

     [ https://jira.jboss.org/jira/browse/RF-7457?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Andreas Höhmann updated RF-7457:
--------------------------------

    Attachment: Screenshot IE 6.jpg


> 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
>         Attachments: Screenshot Firefox3.jpg, Screenshot IE 6.jpg
>
>
> 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