abhi_w3schools Posted November 13, 2009 Share Posted November 13, 2009 Hello Everyone,I have faced a problem during my project. In my project i have use a div tag and inside this div tag i have use a table which contains lots of data.Now the problem is if data of that table is more than 250 then contain of the table does not show in the browser and if i have re-size the browser then contains of the table shows.I have use div tag to show the contain of table in scroll view but header part of the table is remaining visible in the top while user scrolled.I have tested my project in Internet Explorer 8.I can't understand why this problem arise?Please suggest me a way to solve this problem :)Here is the Code: <html> <head> <title>HTML Div Overflow scrollbars</title> <style type="text/css"> html { overflow: auto; overflow-y: hidden; } BODY { background-color:rgb(235,235,214); overflow: auto; overflow-y: hidden; } TR { font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 10pt } TD { font-size: 10pt; font-family: verdana,Tahoma,Arial,Helvetica,sans-serif; text-decoration: none; white-space:nowrap; } </style> </head> <body> <table style=" background-color:rgb(0,0,0);" cellspacing="1" cellpadding="1" border="0" width="100%" align="center"> <tr style="background-color:rgb(136,117,60); color:rgb(255,255,255); font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif" valign="middle" align="center"> <td width="110" valign="middle" align="center">Objektbez.</td> <td width="60" valign="middle" align="center">Zählteil</td> <td width="*" valign="middle" align="center">Beschreibung</td> <td width="70" valign="middle" align="center">Anzeigen</td> <td width="50" valign="middle" align="center">Info</td> <td width="50" valign="middle" align="center">eMail</td> <td width="50" valign="middle" align="center">Ändern</td> <td width="13" valign="middle" align="center"></td></tr> </table> <div STYLE=" height: 100%; width: 100%; overflow: auto; overflow-y: scroll;"> <table style=" background-color:rgb(0,0,0);" cellspacing="1" cellpadding="1" border="0" width="100%" align="center"> <tr style="background-color:rgb(136,117,60); color:rgb(255,255,255); font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif" valign="middle" align="center"> <td width="110" valign="middle" align="center">a</td> <td width="60" valign="middle" align="center">a</td> <td width="*" valign="middle" align="center">a</td> <td width="70" valign="middle" align="center">a</td> <td width="50" valign="middle" align="center">a</td> <td width="50" valign="middle" align="center">a</td> <td width="50" valign="middle" align="center">a</td> <tr style="background-color:rgb(255,255,255); color:rgb(0,0,0); font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif" valign="middle" align="center"> <td>26CHE11AA </td><td>1 </td><td> </td> <td><a href="abc.html"></a></td> <td><a href="abc1.html"></a></td> <td><a href="abc2.html"></a></td> <td><a href="abc3.html"></a></td> <!-- . . . . . <so on> --> </table> </div> </body></html> Link to comment Share on other sites More sharing options...
Err Posted November 13, 2009 Share Posted November 13, 2009 You have two headers. One inside the scrollbox and one outside of it. Which one don't you want? Link to comment Share on other sites More sharing options...
abhi_w3schools Posted November 16, 2009 Author Share Posted November 16, 2009 Thanks for your reply :)I want both header and both are in the different table. Actually 1st header is for display and the 2nd one is for setting 'width and other' property of table's data. I have use div tag to show overflowed data of the table in scroll view.As i have told earlier, if table contains more than 250 data then data value is not shows until i have re-sized browser. Now can't understand why this is happened?Bye Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.