Screen resolution issue

Discussion in 'HTML & Website Design' started by harihan, Sep 20, 2010.

0
  1. #1
    I have designed website, it looks perfect in my pc but when i check to another pc and also on another browser, it looks different like images are not in their place. what should we do for browser compatibility?
     
    harihan, Sep 20, 2010 IP
  2. zuchrivious

    zuchrivious Active Member

    Messages:
    45
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    56
    #2
    based on January 2010 statistic, 76% user browse on screen with resolution higher than 1024x768, so keep that in mind when start designing a webpage, and don't forget liquid layout or multiple stylesheet :)
     
    zuchrivious, Sep 21, 2010 IP
  3. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #3
    My guess is that it's bad code, not a resolution issue.
    Look at your site in browsershots.org. If the results look dramatically different from what you intended, then your code is bad.
    Write valid code and 99% of your display problems will go away.
     
    Kerosene, Sep 21, 2010 IP
  4. Web design Thanet Kent

    Web design Thanet Kent Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Wrap your page in a div such as this:

    <body>
    <div id="page">

    (...the code for your web page...)

    </div> <!-- // #page -->
    </body>
    </html>

    And apply the following CSS:

    #page {
    position: relative;
    width:940px;
    margin:0 auto; }

    Change the width value of your site to whatever your site width should be. Then no matter what the screen resolution your site will always display correctly.
     
    Web design Thanet Kent, Sep 21, 2010 IP