Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 408
  • Last Modified:

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>
0
Meinhoonaa
Asked:
Meinhoonaa
  • 2
1 Solution
 
Miguel OzSoftware EngineerCommented:
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.
0
 
MeinhoonaaAuthor Commented:
I tried float, I tried width=""50%"
noting works
0
 
Miguel OzSoftware EngineerCommented:
Have you tried:
<td width="35%" height="67">
<td width="40%" height="67" style="background-image: url(/Images/header_slice.gif);">
<td height="67">

and use simple text contents. Once you have done that you can measure how big are your cells using IE "developer tools" and size your images accordingly.

Warning: Also you need to change any css file that may affect the page style else changes above will not work.
For further help please post the following info:
- Laptop display size.
- Desktop display size.
- Any css file that the page uses.
- Attach whole page including graphics.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now