Hello All, I have the following html code.
<html>
<body>
<div style="max-width:1600px; min-width:900px;" >
<table>
</table>
</div>
</body>
</html>
My question , when I have the screen resolution to 1024 * 768 then the table should fit the screen and when I increase the screen resolution to 1600 * 800 the table size should automatically increase its width. How do I do that ?
Regards, Mithun
Hi,
Try to give width:100%; to the table inside the div, that should do the trick.
In no case can you get a scrollbar... you must be having the td in a div something because of which a scrollbar is coming
try
width:100%;display:block;
or else paste the source of the table here... I will definitely help...
and there is not point Not declaring the td lengths... declare them equally...
Did you try:
<body>
<table style="width: 100%; margin: 0px; padding: 0px">
...
</table>
</body>
<table style="table-layout:fixed;width:100%;"> should do the trick. The catch is, first row's cells widths will determine the corresponing columns' widths if you set. Otherwise it will be evenly distrbuted.