Best resolution for websites these days?

Discussion in 'HTML & Website Design' started by painai, Nov 29, 2010.

  1. #1
    What do you guys prefer for width resolution of websites lately?

    Seems many sites have adjustable width now but I like skinny, fixed designs sometimes.
     
    painai, Nov 29, 2010 IP
  2. webcosmo

    webcosmo Notable Member

    Messages:
    5,840
    Likes Received:
    153
    Best Answers:
    2
    Trophy Points:
    255
    #2
    depends of the nature of website and design of course.
    for fixed i wont go more then 990px though.
     
    webcosmo, Nov 29, 2010 IP
  3. ronc0011

    ronc0011 Peon

    Messages:
    85
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I like a semi liquid design. Especially with the newer monitors. These wider monitors are going to become the norm so you might as well start coding for them now.
     
    ronc0011, Nov 29, 2010 IP
  4. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #4
    I use semi-fluid designs with min-width / max-width set for 1024 & 1280 resolutions.

    @ronc0011
    Wide screen monitors are here to stay but we still read from left to right and top to bottom so sometimes the 100% width will work well and other times a fixed width approach works better too.
     
    workingsmart, Nov 29, 2010 IP
  5. ronc0011

    ronc0011 Peon

    Messages:
    85
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Yep I like to work with floats so the min-width is vital. I don't bother with a max-width unless it's for a p tag or something of that sort. Something that might push parent elements over too far.
     
    ronc0011, Nov 29, 2010 IP
  6. ladylioness

    ladylioness Peon

    Messages:
    411
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    i prefer semi-fluid as does workingsmart...ditto that!
     
    ladylioness, Nov 29, 2010 IP
  7. subdivisions

    subdivisions Well-Known Member

    Messages:
    1,021
    Likes Received:
    40
    Best Answers:
    1
    Trophy Points:
    145
    #7
    Depends on the design you're going for. If fluid, I usually set a min-width though.
     
    subdivisions, Nov 29, 2010 IP
  8. lovelytemplates.com

    lovelytemplates.com Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    960px fixed width is the standard most sites use.
     
    lovelytemplates.com, Nov 30, 2010 IP
  9. xubair

    xubair Active Member

    Messages:
    619
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #9
    1024 would still do it for me!
     
    xubair, Nov 30, 2010 IP
  10. hima rao

    hima rao Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Nowadays more people are getting wide monitors, but there are still a good number of CRT monitors out there, so it would be a good idea to have a resolution that suits both types. Isn't there any way using which one could get an auto-resizing resolution?
     
    hima rao, Nov 30, 2010 IP
  11. lovelytemplates.com

    lovelytemplates.com Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    You should get templates with fluid width layout. Fluid width templates adjust according to system resolution.
     
    lovelytemplates.com, Nov 30, 2010 IP
  12. Revis

    Revis Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    For fixed width sites I try to avoid going higher than 950 pixels. It's amazing how many people still use a 1024x768 resolution. (And you can't forget about the typical 1024x600 netbook resolution.)
     
    Revis, Nov 30, 2010 IP
  13. HarryTG

    HarryTG Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    960px is my favorite. http://960.gs/is pretty useful.
     
    HarryTG, Nov 30, 2010 IP
  14. whitespparow

    whitespparow Peon

    Messages:
    464
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    i think 960px will work.
     
    whitespparow, Dec 1, 2010 IP
  15. iLeopard

    iLeopard Well-Known Member

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    126
    #15
    I too prefer around 900px.
     
    iLeopard, Dec 1, 2010 IP
  16. visuallemon

    visuallemon Greenhorn

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #16
    i would say 1000.
     
    visuallemon, Dec 1, 2010 IP
  17. Hyuga

    Hyuga Member

    Messages:
    89
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #17
    My favorite resolution is 1024 :)
     
    Hyuga, Dec 1, 2010 IP
  18. deutsched

    deutsched Active Member

    Messages:
    159
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    85
    #18
    deutsched, Dec 1, 2010 IP
  19. generationeXt

    generationeXt Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    for fixed, i usually use a max-width of 900px to 960px

    even today, the usage of 1024x768 resolution monitors is very much (around 45%)
     
    generationeXt, Dec 1, 2010 IP
  20. ronc0011

    ronc0011 Peon

    Messages:
    85
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Just Google 'CSS liquid layout" or "CSS fluid layout". The technique isn't that difficult.

    Basically you establish a min-width for something like your "wrapper" div or even your "header" div. This prevents the window from going smaller than your set demission. You combine this with "floats" and you get a layout that will always fill the screen with no bottom scroll bar even if you have dual monitors like me. But it will never shrink smaller than the size you have set so this keeps your floats from getting pushed down the page if you shrink the window down real small. Of course when you do that it does get a scroll bar at the bottom.

    Like I say, just Google it. Lots of stuff on the subject.
     
    ronc0011, Dec 2, 2010 IP