1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

what is the width of your web page?

Discussion in 'HTML & Website Design' started by rapwaydown, Dec 26, 2007.

  1. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #21
    The trend may be that people are moving to higher resolutions, but what you have failed to mention is that not all people keep their browser at max, so screen resolution is pretty much irrelevent.
     
    nicangeli, Dec 27, 2007 IP
  2. ajsa52

    ajsa52 Well-Known Member

    Messages:
    3,426
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    160
    #22
    On my sites I'm using a 768px width (centered), mainly because aprox 15% of my visitors have a resolution on 800x600.

    FYI, here are the top 5 resolution over last 6 months as stated on Google Analytics (2,741,066 visitors):
    
    1.  1024x768   1.512.142   55,17% 
    2.   800x600     394.858   14,41%
    3. 1280x1024     295.540   10,78%
    4.  1280x800     233.388    8,51%
    5.  1152x864      88.086    3,21%
    
    Code (markup):
     
    ajsa52, Dec 27, 2007 IP
  3. Kobra-Kai

    Kobra-Kai Peon

    Messages:
    161
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #23
    I pulled my info from analytics.
     
    Kobra-Kai, Dec 27, 2007 IP
  4. Kobra-Kai

    Kobra-Kai Peon

    Messages:
    161
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #24
    That's a good point! Thanks for clarifying.
     
    Kobra-Kai, Dec 27, 2007 IP
  5. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #25
    If we use the 100% in CSS as stated earlier does this mean that all resolutions will be able to view without having to scroll??
    So does that mean text and images will simply be enlarged ?
     
    wd_2k6, Dec 27, 2007 IP
  6. willhaynes

    willhaynes Active Member

    Messages:
    1,197
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    90
    #26
    no,
    but what you can do is make the banner a background image, and make it larger then it has to be for the space, and so larger monitors will show more of it, and smaller monitors will show less of it.

    or you can also have just that right menu be a set width, and have the rest of the contents change size (like http://www.last.fm/user/willhaynes/)
     
    willhaynes, Dec 27, 2007 IP
  7. willhaynes

    willhaynes Active Member

    Messages:
    1,197
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    90
    #27
    and no, text and images will not be enlarged, only their containers, see this site for an example of it

    http://www.last.fm/user/willhaynes/

    and actually, DP is another example of a site full page site, just try to resize your browser right now and see what happens
     
    willhaynes, Dec 27, 2007 IP
  8. Tiki

    Tiki Peon

    Messages:
    15
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #28
    I've been using 960px for the last several years, it works well with a grid-based approach. 960px is divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16.

    Google "optimal width 960px" and you'll find more info on blogs like Cameron Moll's or Jeffrey Zeldman's.

    If you really want to accommodate 800x600 resolution then yeah use 780px.. but I usually focus on 1024+ now.

    Hope this helps!
     
    Tiki, Dec 27, 2007 IP
  9. enous

    enous Well-Known Member

    Messages:
    1,500
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    158
    #29
    my page is 780 px ...
     
    enous, Dec 27, 2007 IP
  10. Maxx Swan

    Maxx Swan Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #30
    I agree, I used to do everything under 800 px but lately, I have a lot of sites I'm using 900 px+. This gives you so much more breathing room to get in all the information you want. It's impossible to please everyone all of the time no matter what you do, so you've got to create a site based on what the content needs to do the job properly. I would think most people can handle wider pages with 17" monitors the norm and 19" and above becoming more common.
     
    Maxx Swan, Dec 27, 2007 IP
  11. ajsa52

    ajsa52 Well-Known Member

    Messages:
    3,426
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    160
    #31
    Usually no, but you can enlarge fonts and flash images.
    Example: Use "CTRL+mouse scroll" through Firefox on this page: http://www.swfir.com/examples/elastic/ (Is a javascript code to make flash objects online fom pictures).
     
    ajsa52, Dec 27, 2007 IP
  12. rapwaydown

    rapwaydown Peon

    Messages:
    315
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #32
    thank you, i guess i will use a fix width.
     
    rapwaydown, Dec 28, 2007 IP
  13. rapwaydown

    rapwaydown Peon

    Messages:
    315
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #33
    what do you think of 920px width for a webpage.
     
    rapwaydown, Dec 28, 2007 IP
  14. lopetzi

    lopetzi Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #34
    on a few sites i used fluid layout and even if they work for all screens they are hard to work with...
    -working with background images is tricky
    -is hard to work with % when using fixed objects
    -on high res the design seems too spaced and on low res the opposite...
    now i make a site for me with the width 1000px. it works just fine... and for those with 800*600 i try to put the most important content on the left side
     
    lopetzi, Dec 28, 2007 IP
  15. wierdo

    wierdo Well-Known Member

    Messages:
    1,646
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    140
    #35
    I found that a fluid layout works well for me. I think I use 80%.
     
    wierdo, Dec 28, 2007 IP