popupPanel style

[snaker]

When i make a table in a popupPanel for default the style of the table is "border-collapse:separate", but when i modify this style to "border-collapse:collapse", when the popupPanel is hidden, the lines(borders) of the table are visibles in the principal parent.

If you dont understand , i put two images to see it

Is this normal?????

Is a problem of popupPanel?

[ilya_shaikovsky]

how do you adding that style?

[snaker]

<rich:popupPanel id="recetas" modal="true" resizeable="false" movable="true" autosized="true" width="900" style="background-color:#5F9F9F">

         <f:facet name="header">

                <h:outputText value="Detalles de la dispensacion"/>

            </f:facet>

             <f:facet name="controls">

                <h:outputLink value="#" onclick="#{rich:component('recetas')}.hide();return false;" styleClass="link1">

                 X

                </h:outputLink>

            </f:facet>

     Here i put one table, HTML table or rich:dataTable or extendedDataTable do the same

               <table style="width: 100%" style="border-collapse:collapse;">

             </table>

               or

               <rich:dataTable style="border-collapse:collapse"></rich:dataTable>

</rich:popupPanel>

[ilya_shaikovsky]

any other custom css on your page? because if I'm only adding such style - issue not appears.

[snaker]

i see only happens in IE7 and i push F5, bufff... it's very very strange

<table style="width: 100%" style="border-collapse:collapse;" class="tableClass">

     <tr>

          <td class="borderClass">Something</td>

     <tr>

</table>

the css is simple:

.tableClass{

/*border-bottom: 1px #C0C0C0 solid;*/

text-align: center;

font-family:Arial, Helvetica, sans serif;

font-size:8pt;

}

.borderClass{

border:1px #C0C0C0 solid;

background-color: white;

padding:2px;

}