I have used Master page in my website. The data is displayed in the right side and the menu is in the left side. How do I move/slide the right window to show in full page?

Vb.net/aspx code required as early as possible. 

try this:

----------------------------

<script type="text/javascript">

function collapse()

{

var id1 = document.getElementById('td1');

var id2 = document.getElementById('td2');

if(id1.style.display == "none")

{

id1.style.display = "";

id2.style.width = "80%";

}

else

{

id1.style.display = "none";

id2.style.width = "100%";

}

 }

 </script>

--------------------------------------------------------------------------------------------

<table style="border: solid 1px #b0c4de; width: 100%; height: 500px;">

<tr>

<td id="td1" style="border: solid 1px #b0c4de; width: 20%;">

Menu

</td>

<td id="td2" style="border: solid 1px #b0c4de; width: auto">

Data <span>><hr style="width: 100%;" />

<</span>

</td>

</tr>

</table>

</div>

<a id="img" href="javascript:void(0);" onclick="javascript:collapse();">Collapse</a>

-------------------------------------------------------------------------------------------

try to fit your requirement in this

Thanks Chaitanya,

The solution is working. I need some more enhansement in the solution. I want to expand window dynamically (runtime). It should moveable. If I hold the column line and want to move left or right.

Problem:

I am using this code in the master page of my web project. I have many coloumns and rows in the master page. If I click the Collapse link, the window Expands but the other coloumns expands and the rows shrinks as well.

Can anyone help me in this regard. Please do it as early as possible.