B
Ben
I'm trying to get a web page layout of a left and right pane. The
left side will contain a menu, they right pane will contain a datagrid
inside a DIV that has the overflow:auto property set. The datagrid
has a lot of columns, and i don't want the user to have to scroll the
entire page left and right, but instead use the scroll on the DIV.
It's not working as expected, the table column won't shrink down to
the size i want... it seems the min size it allows is the entire size
of the datagrid. Simplifying it in the code below, i'm just using a
really long string instead of my datagrid... can someone suggest how
to get it so the entire table stays on the screen (no horizontal
scroll should show in the IE window, just in the DIV) ? thanks !!
<table border=1 width="100%">
<tr>
<td width="40%">
menu
<td width="60%">
<asp:Label ID="lblClients" runat="server" Text="Label" Font-
Bold="True" Font-Underline="True"></asp:Label>
<div style="position:relative; background-
color
ffwhite;overflow:auto; width: 100%; height: 300px;border-left:
1px gray solid; border-top: 1px lightgrey solid; padding:0px; margin:
0px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllll
</div>
</table>
left side will contain a menu, they right pane will contain a datagrid
inside a DIV that has the overflow:auto property set. The datagrid
has a lot of columns, and i don't want the user to have to scroll the
entire page left and right, but instead use the scroll on the DIV.
It's not working as expected, the table column won't shrink down to
the size i want... it seems the min size it allows is the entire size
of the datagrid. Simplifying it in the code below, i'm just using a
really long string instead of my datagrid... can someone suggest how
to get it so the entire table stays on the screen (no horizontal
scroll should show in the IE window, just in the DIV) ? thanks !!
<table border=1 width="100%">
<tr>
<td width="40%">
menu
<td width="60%">
<asp:Label ID="lblClients" runat="server" Text="Label" Font-
Bold="True" Font-Underline="True"></asp:Label>
<div style="position:relative; background-
color
ffwhite;overflow:auto; width: 100%; height: 300px;border-left:1px gray solid; border-top: 1px lightgrey solid; padding:0px; margin:
0px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllllsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssslllllll
</div>
</table>