471,582 Members | 1,453 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,582 software developers and data experts.

How to make the flexible page size

1
I am designing the master page and now I have run into the problem with the page size. I want the flexible size-width and height of the page fit with any resolution of the screen when I maximize it and when I resize the browser it can resize its size.

Here is my code:
[html]
<table border="0" cellpadding="0" cellspacing="0" style="height:100%;width:100%;border-top:2px solid #5D646D;" runat="server" id="myTable">
<tr valign="top" align="center" style="background-color:#5d646d;" id="TopContentRow">

<td style="border-top:1px solid #5D646D; width:154px; text-align:left; padding-top:0px;">
<div style="width:154px;z-index:1; ">
<asp:Image ID="uxNavigationLeftImage" runat="server" ImageUrl="../styles/skins/<%skinPath%>/navshape_<%skinPath%>.jpg" Width="154px" />
</div>
<div style="position:absolute;top:110px;left:4px;width: 140px;z-index:2; border-bottom:solid 2px #5d646d;">
<a class="sci-addMenuTop" href="">View All Site Content </a>
<asp:Xml ID="uxSubMenu" runat="server"></asp:Xml>
</div>
</td>

<td style="border-top:1px solid #5D646D;background-color:#B6BCC4;padding-top:0px;" id="TopContentColumn" runat="server">
<table border="0" cellpadding="0" cellspacing="0" style="height:100%;width:100%;">
<tr>
<td align="center" style="height:10px;background-color:#B6BCC4;" id="uxTopContentSubColumn" runat="server">
</td>
</tr>

<tr style="height:100%;" >
<td style="border:solid 1px #5d646d; border-right-width:2px; height:100%; background-color:White;">
<asp:ContentPlaceHolder ID="uxContentPlaceHolder1" runat="server" >
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</td>

<td style="border-top:1px solid #5D646D;width:10px;background-color:#5D646D;" id="NavigationRigthColumn" runat="server">
<div style="width:10px;z-index:1; ">
<asp:Image ID="uxNavigationRightImage" ImageUrl="../styles/skins/<%skinPath%>/navshape_<%skinPath%>.jpg" runat="server" Width="10px" Height="359px" />
</div>
</td>
</tr>
<tr><td colspan="3" valign="bottom" style="border-top:1px solid #5D646D;height:10px;background-color:#5D646D;" id="BottomContentColumn"><img alt="" src="" height="10px" /></td></tr>
</table>
[/html]
I think the problem is in the ContentPlaceHolder. If you have any experiences with this please give me some suggestion.

Thank you in advance!!
Aug 30 '07 #1
1 3816
drhowarddrfine
7,435 Expert 4TB
It's difficult to help because you have asp code mixed in and few of us use asp. Also, you should never use tables for layout. If you use <div> and CSS, it would be easy.
Aug 30 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Praveen Nagaraj | last post: by
1 post views Thread by Richard | last post: by
3 posts views Thread by Joe Weinstein | last post: by
1 post views Thread by MacDermott | last post: by
1 post views Thread by Raja Shekar | last post: by
1 post views Thread by Wayne | last post: by
3 posts views Thread by lazy | last post: by
7 posts views Thread by =?Utf-8?B?Um9iIFRob21zb24=?= | last post: by
reply views Thread by leo001 | last post: by
1 post views Thread by lumer26 | last post: by
reply views Thread by lumer26 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.