Jump to content

Problem In 'div' Tag While Using Html Table Inside 'div' Tag


abhi_w3schools
 Share

Recommended Posts

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>

Edited by NoBugz
Link to comment
Share on other sites

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...