SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2008
    Posts
    551
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Width of page 950px

    Hi all
    My main div for my site is width=950px; do I have to make it liquid or something? Thanks

  2. #2
    SitePoint Member
    Join Date
    Jun 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have static pages with width of 1050px, so far no problems with that

  3. #3
    SitePoint Addict EarlyOut's Avatar
    Join Date
    Mar 2011
    Location
    Sector R
    Posts
    280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Bayliss Trevor View Post
    Hi all
    My main div for my site is width=950px; do I have to make it liquid or something? Thanks
    Depends on what result you want. If your site is a fixed width, visitors with wide-screen monitors will still see only 950px of content, either centered (if you've set margin: 0 auto; for your div) or left-justified. Visitors with little netbooks will have to scroll right and left to see everything.

  4. #4
    SitePoint Evangelist
    Join Date
    Mar 2008
    Posts
    551
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the replies, I have moved on from the old 770px wide sites and now I am just thinking if i put the information it is essential for them to see on the left hand side of the page they will see it anyway regardless of what monitor type they have*. But maybe I have been brainwashed by my designer and should sort out the design to be 770px. What is the width in px for netbooks? Thanks

    * Do I need to worry about this for ipads etc

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Even 940px is pretty narrow for most monitors today. There are simple ways to make a site more fluid/elastic, such that if the site is seen in a narrow browser, it will thin down by itself. E.g. set the width of the container in ems, and give the container a max-width like 98%, and it will narrow on narrower browsers.

  6. #6
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,888
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by ManieE View Post
    I have static pages with width of 1050px, so far no problems with that
    How do you know there are no problems? The problems won't be for you, they will be for the people trying to use your site. And if they struggle using it, they're far more likely to give up and go elsewhere than tell you your site's broken.

    Quote Originally Posted by Bayliss Trevor View Post
    Thanks for the replies, I have moved on from the old 770px wide sites and now I am just thinking if i put the information it is essential for them to see on the left hand side of the page they will see it anyway regardless of what monitor type they have*. But maybe I have been brainwashed by my designer and should sort out the design to be 770px. What is the width in px for netbooks? Thanks

    * Do I need to worry about this for ipads etc
    Limiting your site to 770px isn't the best solution, because it can look quite narrow on larger screens. In an ideal world, you'd have a flexible design that would stretch to at least 1000px, and shrink to 750px or less, to best fit the user's browser window. That way, pretty much everyone is happy.

    Yes, you do need to take account of smaller devices. On my own site, nearly 10% of all users are on mobile phones or similar. While most 'full browser' phones have quite a good pan-and-zoom function, the wide the page, the harder it is to use effectively, if you have to keep scrolling left and right. So again, allowing the page to shrink to <800px will help people there.

  7. #7
    SitePoint Zealot PatrickSamphire's Avatar
    Join Date
    Jul 2006
    Location
    UK
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Basically, know your audience. Collect browser stats for visitors, then figure out who you're catering for and what screen resolutions. Then you'll be able to decide what resolutions to support. You don't have to support everyone, particularly if it's a personal site, but if, say, 10% are on mobile devices, you'd be making a mistake not supporting them. Likewise, if 10% are on large screen devices, an 800px layout is going to look terrible.

    There are ways of getting around this. Build a responsive, flexible layout to cover a range of sizes, or use wider backgrounds to fill larger screens, and so on.

  8. #8
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    iPads and etc you simply double tap and the text fills the screen with a little buffer on the sides. Double tap again and it zooms back out. Virtually any size site is not a problem at all for those devices.

  9. #9
    SitePoint Addict EarlyOut's Avatar
    Join Date
    Mar 2011
    Location
    Sector R
    Posts
    280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's also an element of "user expectations" to consider. At home, I'm looking at sites on a 1680x1050 monitor. Sites that are still geared to 800x600 monitors are really ugly - I feel as if I'm looking at things through vertical blinds.

    When I travel, I take a little netbook with me. Even that, however, manages to give me 1024x600 - the lack of height ends up being more noticeable than the lack of width. But frankly, I don't expect sites to cater to that little display. I know that making things fluid enough to handle that small size is really, really difficult. As long as I can still get to everything on the page, I'm happy enough.


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
  •