Anchor & Docking

[Nagul]

Hi All,
Can anyone tell me how to do anchoring or docking in a webform.???

Thanks,

[gknierim]

You can't anchor and dock the same way in web forms as you do in windows forms. However, you can use HTML tables to make it appeaer like its "anchored or docked" by setting the width property of a table tag to 100%.

HTH,
Greg

[Nagul]

Hi Greg,
Thanks for your suggestion but i really don't know how to do that. I am not good in HTML. This is my first try in HTML. Below is the code.
"<form id="Form1" method="post" runat="server">
<uc1:Header id="Header1" runat="server"></uc1:Header>
<table width="100%" border="0">
<tr>
<td>
</td>
</tr>
</table>
<div style="FLOAT: left; WIDTH: 15%; HEIGHT: 40%">
<table width="100%" height="50%">
<tr>
<td valign="top" width="20%"><uc1:usrctllogincheck id="Usrctllogincheck1" runat="server" valign="top"></uc1:usrctllogincheck></td>
</tr>
</table>
</div>
<div style="OVERFLOW-Y: scroll; FLOAT: left; WIDTH: 35%; HEIGHT: 30%">
<table width="100%" height="50%">
<tr>
<td valign="top" width="30%"><uc1:usrCtlSpecialOffer_New id="UsrCtlSpecialOffer_New1" runat="server"></uc1:usrCtlSpecialOffer_New></td>
</tr>
</table>
</div>
<div style="OVERFLOW-Y: scroll;WIDTH: 50%;POSITION: relative;HEIGHT: 40%">
<table width="100%" height="100%">
<tr>
<td valign="top">
<uc1:usrctlnews id="Usrctlnews1" runat="server"></uc1:usrctlnews>
</td>
</tr>
</table>
</div>
</form>"

I am using three different tables. Each with 3 user controls and are bsides each other.The code above should shows 3 user controls besides each other. but when i make the window small they come one below the other.
Any idea ????

Thanks .

[gknierim]

Can't see your code.. ???:confused:

[Nagul]

Sorryyyy,
Here it is . I have tried to send it but cannot.
I can explain you. I have three tables one besides other.
I have put the DIV tag between each table with style set as style="OVERFLOW-Y: scroll;WIDTH: 50%;POSITION: relative;HEIGHT: 40%"
I have set the table width and height to 100%.
But still whenever i resize the window it comes one below the other.

I am sorry , i couldn't send you the code as whenever i post it , it coverts them into HTML code.

Thanks for bearing with me....Thanks once again....

[Nagul]

Originally posted by Nagul
Sorryyyy,
I have tried but cannot send it.

i m using here 3 tables one besides other in parallel.

Thanks once again....

[gknierim]

I'm not sure how you want your tables laid out. Since html tags don't print, I'm substituting < > with { }

If you want your tables next to each other, you might do something like this:

{table width=100%}
{tr}
{td}
{table}
'1st table here
{/table}
{/td}
{td}
{table}
'2nd table here
{/table}
{/td}
{td}
{table}
'3rd table here
{/table}
{/td}
{/tr}
{/table}

Basically you will have a table and the 3 tables will each be in a cell. Other than that, I'm not sure what you can do. Also, it depends on the browser your customers are using, what screen resolution, etc etc and unless you are going to test all those possibilities, there is practically no way to guarantee what the output will look like given the number of browsers, OS's, resolutions, video setting on the browsers pc, etc, etc. So...the best tip I can give you is to set your table width to 100% and that will at least size it the complete width of the browser window unless you have images embedded in your table. Also, you can use valign=top (there are others) and that will position it at the top.

If you are not that familiar with HTML, go to http://www.w3.org/TR/html4/ and they explain all the available tags.

HTH,
Greg

[Nagul]

thanks you very much.
Yeah , that certainly helped me.

Once again thanks...