Meinhoonaa
asked on
header does not scale correctly in my laptop though it works fine on desktop
need help
header does not scale correctly in my laptop though it works fine on desktop
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="289" height="67">
<img src="/Images/left_header.g if" alt="" border="0" title=""
width="289" height="67">
</td>
<td width="325" height="67" style="background-image: url(/Images/header_slice.g if);">
</td>
<td width="203" height="67">
<img src="/Images/header_live_s upport.gif " alt="" border="0" title=" Support"
width="203" height="67" style="cursor: pointer; height: auto; width: auto" onclick="javascript: try{openWindow('/LiveSuppo rt.aspx',' LiveSuppor t',740,610 ,true,true );}catch(e ){}">
</td>
<td height="67" style="background-image: url(/Images/header_slice.g if); font-size:large; font-family:Calibri;" align="right">
Welcome back
<asp:Label ID="lbluserName" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lblLogOff" runat="server">   ; <as p:LinkButt on ID="lbLogOut"
OnClick="lbLogOut_Click" runat="server" Text="Log Off" Style="color: Black" CausesValidation="false">< /asp:LinkB utton>
</asp:Label>
</td>
<td width="13" height="67" style="background-image: url(/Images/right_header.g if);">
</td>
</tr>
</tbody>
</table>
</div>
</form>
header does not scale correctly in my laptop though it works fine on desktop
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="289" height="67">
<img src="/Images/left_header.g
width="289" height="67">
</td>
<td width="325" height="67" style="background-image: url(/Images/header_slice.g
</td>
<td width="203" height="67">
<img src="/Images/header_live_s
width="203" height="67" style="cursor: pointer; height: auto; width: auto" onclick="javascript: try{openWindow('/LiveSuppo
</td>
<td height="67" style="background-image: url(/Images/header_slice.g
Welcome back
<asp:Label ID="lbluserName" runat="server" Text="Label"></asp:Label>
<asp:Label ID="lblLogOff" runat="server">  
OnClick="lbLogOut_Click" runat="server" Text="Log Off" Style="color: Black" CausesValidation="false"><
</asp:Label>
</td>
<td width="13" height="67" style="background-image: url(/Images/right_header.g
</td>
</tr>
</tbody>
</table>
</div>
</form>
ASKER
I tried float, I tried width=""50%"
noting works
noting works
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Most likely laptop width is smaller than desktop width, then you need to redesign your page to deal with smaller displays. For example:
<td width="289" height="67">
<td width="325" height="67" style="background-image: url(/Images/header_slice.g
<td width="203" height="67">
You can design the page for smaller size and allow it to scale:
http://stackoverflow.com/questions/90595/how-to-implement-a-web-page-that-scales-when-the-browser-window-is-resized?lq=1
Notes: 1) You can only check screen size in javascript no server code.
http://stackoverflow.com/questions/4507697/how-to-get-client-screen-resolution-width-height-at-server-side
2) Define a minimum screen size to support so that you can scale it.