Link to home
Start Free TrialLog in
Avatar of Meinhoonaa
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.gif" alt="" border="0" title=""
                            width="289" height="67">
                    </td>
                    <td width="325" height="67" style="background-image: url(/Images/header_slice.gif);">
                        &nbsp;
                    </td>
                    <td width="203" height="67">
                        <img src="/Images/header_live_support.gif" alt="" border="0" title=" Support"
                            width="203" height="67" style="cursor: pointer; height: auto; width: auto" onclick="javascript: try{openWindow('/LiveSupport.aspx','LiveSupport',740,610,true,true);}catch(e){}">
                    </td>
                    <td height="67" style="background-image: url(/Images/header_slice.gif); 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">&nbsp;&nbsp;&nbsp;<asp:LinkButton ID="lbLogOut"
                            OnClick="lbLogOut_Click" runat="server" Text="Log Off" Style="color: Black" CausesValidation="false"></asp:LinkButton>
                        </asp:Label>
                    </td>
                    <td width="13" height="67" style="background-image: url(/Images/right_header.gif);">
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    </form>
Avatar of Miguel Oz
Miguel Oz
Flag of Australia image

What is the display size of your desktop and laptop?
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.gif);">
 <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.
Avatar of Meinhoonaa
Meinhoonaa

ASKER

I tried float, I tried width=""50%"
noting works
ASKER CERTIFIED SOLUTION
Avatar of Miguel Oz
Miguel Oz
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial