GeeCON Prague 2014*
The moose likes HTML, CSS and JavaScript and the fly likes Scroll table within a table not working Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Scroll table within a table not working" Watch "Scroll table within a table not working" New topic
Author

Scroll table within a table not working

satya mamillapalli
Ranch Hand

Joined: Jun 22, 2005
Posts: 63
I have the following code for scrollbars (horizontal and vertical) inside a table not working.. If I remove the outer table the scroll table is fitting in side the window.. Please advise how to make this work with table inside a scroll table.

Thanks
Satya

Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
your css rules are too generic

Eric
satya mamillapalli
Ranch Hand

Joined: Jun 22, 2005
Posts: 63
Eric Pascarello wrote:your css rules are too generic

Eric


I was just giving an example.. When I remove the outer table , The scrollbars are coming up fine hoirizontally and vertically

But If I keep the outer table, Horizontal scroll is not coming..

Thnaks
Satya
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
width of 100% normally does not produce scrollbars. You need a fixed width.

Eric
satya mamillapalli
Ranch Hand

Joined: Jun 22, 2005
Posts: 63
Eric Pascarello wrote:width of 100% normally does not produce scrollbars. You need a fixed width.

Eric


I was wondering why the Height 100% works fine whereas width 100% does not work..

If I give width in Pixels , the scrollbars are coming fine.. BUT I have an issue because I can only make it look for one specific resolution... I am trying to get the both horizontal and scrollbar inside the table for all resolutions..

Can someone please advise on how to get both scrollbars inside a table taht works for all resolutions..


Thnaks
Satya

Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
add style="zoom:1"
to the div and the td that holds the div.

Eric
satya mamillapalli
Ranch Hand

Joined: Jun 22, 2005
Posts: 63
Eric Pascarello wrote:add style="zoom:1"
to the div and the td that holds the div.

Eric


Eric

Tried the same and still same effect.. Please see the code below.. Please advise

I am testing this in IE8.

Thanks
Satya




I have another example code. It is also same..

satya mamillapalli
Ranch Hand

Joined: Jun 22, 2005
Posts: 63
Finally it worked..

width 100% still works.. need not be fixed


Thnaks
Satya
 
GeeCON Prague 2014
 
subject: Scroll table within a table not working