SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Feb 2013
    Posts
    18
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Website not compatible on high resolution. How to resolve high resolution problem.?

    I have developed a website and when i open it on high resolution, browser displaying long horizontal scroll bar. Web page not compatible to high resolution. Can any one suggest how to fix it.

  2. #2
    SitePoint Evangelist tangledman's Avatar
    Join Date
    Sep 2005
    Location
    Puerto de Mazarron, Murcia, Spain
    Posts
    425
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi William,

    Post some code or a link or something. You've not given us much to go on.

  3. #3
    SitePoint Member
    Join Date
    Feb 2013
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think you need over view css and design your website i hope your problem are solved nice job keep it up

  4. #4
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In photoshop, layout size pixel is important for resolution...pls. check in internet how much resolution want to fix in layout..pls. read layout optimisation...it will helpful

  5. #5
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,786
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by aruna8712 View Post
    In photoshop, layout size pixel is important for resolution.
    For web pages though it is just about completely irrelevant. The only things that should be measured in pixels on the web are images and minimum width borders. All other sizes should be measured in % or em.

    When you use % for sizes they will be set relative to the browser viewport size or the container they are inside. The maximum width of individual columns for readability should be around 30 to 35em.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  6. #6
    SitePoint Addict bronze trophy
    Join Date
    Mar 2013
    Location
    Oneonta, NY
    Posts
    307
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Williampritchard,

    Felgall touches on some important points. When you develop pages, you will want to use measurements that are relative and that are easily interpreted for optimal display quality by the browser. When you use absolute values, then your pages will not render correctly on most machines.

    Here is an example article on font size to give you an idea,

    http://css-tricks.com/why-ems/

    Hope that helps you,

    Shawn

  7. #7
    SitePoint Member
    Join Date
    Feb 2013
    Posts
    18
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks felgall.

    I tried your suggestion and change the image width pixel to %. Now my website is running fine and i'm able to open it in any resolution without any error.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •