GridView Height Problem in Differenet Browser

1 posts, 0 answers
  1. Akhil Raj
    Akhil Raj avatar
    69 posts
    Member since:
    Aug 2012

    Posted 28 May 2012 Link to this post

    hi all,
       I have rad grid in my page. The page is designed with Rad splitter and rad pane. I enabled paging for the grid. Now my requirement is that the grid should be 100% height so that my pager should always display at the bottom of the page. For this i tried the following options

    Option 1: Set height property of the grid to 100%
       This option perfectly worked in the IE 8. But this is not worked in the Firefox

    Option 2: Created on css class for the grid and apply the css class. The following is the css class

            .grid
            {
                height:auto !important;
                height:100%;
                min-height:250px;
            }
    But this not helped

    Option 3: Created css class for  the pager and applied. The following is the css class
            .pagerPosition
            {
                position:absolute;
                bottom:10px;
                text-align:right;
     
            }
    This helps some what like the pager moved to the bottom but some spacing difference in different browser.

    Can anyone helps to work around for the problem?
Back to Top