4 Replies Latest reply on Jul 17, 2008 8:21 AM by Abhi S

    rich:panel height causing problem in Safari and Firefox

    Abhi S Newbie

      rich:datapanel is defined within the rich:panel.
      Following style is applied for the rich:panel

      .richpanel{
      width:100%;
      height:40%;
      max-height:40%;
      min-height:40%;
      padding:0px;
      margin:0px;
      }

      Folloowing style is applied for rich:datapanel

      .dataTablePanel{
      height:100%;
      width:99.5%;
      overflow-x:auto;
      overflow-y:auto;
      border:1px solid #bed5fe;
      align:center;margin-left:1px;
      }

      Problem is, the height of the rich:panel is directly proportional to the
      number of records in the datapanel(Firefox and Safari) which causes these
      components grow more than the height specified. Its not causing any problem in IE.

      Is there any way to fix the height of the datapanel or rich:panel in Firefox and Safari irrespective of the number of records available?