[richfaces-issues] [JBoss JIRA] Commented: (RF-7453) scrollableDataTable rows are shifted to the left in case of global css style: body {text-align: center}

Wed Mar 17 10:35:39 EDT 2010

    [ https://jira.jboss.org/jira/browse/RF-7453?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12520400#action_12520400 ] 

Robson Saraiva Ximenes commented on RF-7453:
--------------------------------------------

I am facing the same problem. 
But i cant find the especifc CSS that causes that...

Works fine for Firefox 3, but in IE7 it looks like the screenshot.

The table is inside an rich:tab... in another page it is only inside a modal and it works ok.

> scrollableDataTable rows are shifted to the left in case of global css style: body {text-align: center}
> -------------------------------------------------------------------------------------------------------
>
>                 Key: RF-7453
>                 URL: https://jira.jboss.org/jira/browse/RF-7453
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: component-ScrollableDataTable
>    Affects Versions: 3.3.1
>         Environment: RichFaces 3.3.1, Internet Explorer 7
>            Reporter: Denis Petrunin
>            Assignee: Konstantin Mishin
>            Priority: Minor
>             Fix For: Future
>
>         Attachments: scrollableDataTable.JPG
>
>
> scrollableDataTable rows are shifted to the left in case of global css style: body {text-align: center}. The issue is reproducible in IE 7. There is no such issue in IE6, FF 3.0.11. Try the following code (backing bean must return not empty list).
> <html
>   xmlns="http://www.w3.org/1999/xhtml"
>   xmlns:f="http://java.sun.com/jsf/core"
>   xmlns:rich="http://richfaces.org/rich"
> >
> <head>
>   <style type="text/css">
>     body {text-align: center}
>   </style>
> </head>
> <body>
>   <rich:scrollableDataTable value="#{bean.items}" var="item" width="200px" height="100px">
>     <rich:column width="70">
>       <f:facet name="header">
>         COLUMN
>       </f:facet>
>       #{item}
>     </rich:column>
>   </rich:scrollableDataTable>
> </body>
> </html>

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