[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)
jira-events at lists.jboss.org
Thu Sep 3 04:06:53 EDT 2009
[ https://jira.jboss.org/jira/browse/RF-7457?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Andreas Höhmann updated RF-7457:
--------------------------------
Attachment: LayoutRendererFix.java
This is my working renderer: org.richfaces.renderkit.html.LayoutRendererFix
I use a invisible span-element instead of our div-element:
theWriter.startElement(HTML.SPAN_ELEM, theLayout);
theWriter.writeAttribute(HTML.style_ATTRIBUTE,
"display: none; height: 0;lineHeight:0px;fontSize:0px; clear: both; visibility: hidden;", null);
// theWriter.writeText(" ", null);
theWriter.endElement(HTML.SPAN_ELEM);
> 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
> Priority: Minor
> 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 ?!
--
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
More information about the richfaces-issues
mailing list