Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2007
    Location
    India
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Probelm in scroll bars in table

    Hi Everybody,
    I am not able to get scroll bars in table, I use IE 6.0. But I am able to get scroll bars in Mozilla 1.0. I have used style="overflow: auto;max-height: 100;" in my html file.
    In mozilla,I am getting horizontal scroll bars even I have specified overflow: auto; in style. Please help me to get rid of it.
    For your reference i have attached a sample file.
    Please help me for getting scroll bars in a table using IE 6.0.
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi elayappan, the only solution probably is, place your table in a scrollable div (with a fixed height and overflow property), or create two tables - first part only "thead", and second part "tbody" place again in scrollable div
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #3
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by elayappan View Post
    I am not able to get scroll bars in table, I use IE 6.0. But I am able to get scroll bars in Mozilla 1.0.
    Basically you are trying the get a vertical scrollbar for the body section of your table which you want to limit in height.
    Code:
    tbody {
      overflow: auto;
      max-height: 100px;
    }
    I tried your example, but in Firefox 2 I see no effect when using max-height. But I do see an effect when using height.

    I am not even sure about what is correct rendering according to standards? According to Web Devout, Firefox not ignoring the overflow property on table row groups is a bug. This makes sense to me when I read in the CSS 2.1 Working Draft that overflow only applies to non-replaced block-level elements, table cells, and inline-block elements.

    But the W3C WAI shows an example where one uses overflow: auto on the tbody element. Also, Talbot reports IE's inability to support scrolling on the tbody element as a bug.

    Perhaps some clarification is needed.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •