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 best width for a webpage?

Discussion in 'CSS' started by Imozeb, May 21, 2010.

  1. #1
    My page is 940px. What is the best width for a webpages content?
    SEMrush
     
    Imozeb, May 21, 2010 IP
    SEMrush
  2. Wtfuxbbq

    Wtfuxbbq Peon

    Messages:
    61
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The 960px page width is very popular as it is very flexible. http://960.gs/
     
    Wtfuxbbq, May 21, 2010 IP
  3. 50plus

    50plus Guest

    Messages:
    235
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Pages with a fixed px width are rather tricky as many people now use large monitors and 940 px will only cover a small part like an island in the ocean.

    Best to go for a 100% width which degrades gracefully in all browsers and on all screens.
     
    50plus, May 21, 2010 IP
  4. Sani Rai

    Sani Rai Peon

    Messages:
    58
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Sani Rai, May 21, 2010 IP
  5. Imozeb

    Imozeb Peon

    Messages:
    666
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks guys. Now I get to change all my pages from 940px to 960px. Whoo! An extra 20px to work with!!! :)
     
    Imozeb, May 22, 2010 IP
  6. designmonkey

    designmonkey Peon

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    However be careful with 100% page width, since if you have scroll bar ( if your page long enough to go below the screen ), it will push the content a bit ( if you had some sort of 'folding'/hide-show javascript for some content itll create some 'push' animation.. which is not pretty ). And fluid width is hard to tackle esp. if you're building wep apps that had a lot of javascript based functions.
     
    designmonkey, May 22, 2010 IP
  7. Blue Star Ent.

    Blue Star Ent. Well-Known Member

    Messages:
    1,986
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    160
    #7
    My recomendation would be to know your target audience. If they use the
    most popular screen resolution, then use 1024 x 768. If they use the second-
    most popular screen resolution, then use 800 x 600. If they are mobile users,
    they will also need a different resolution.


    You can find a javascript to sniff the type of browser and screen resolution
    of your visitor and create your pages accordingly. The javascript can direct
    them to the right pages. It is more work but it only needs doing one time.

    Good luck. LINK
     
    Blue Star Ent., May 22, 2010 IP
  8. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #8
    There're many layout generators on my signiture site. You can select the unit of the layout as % to test. When the container is set to 100% width, it's just OK no horizontal scroller. CSS padding-left or padding-right may enlarge the width of the columns. This could be overcome by set {overflow:hidden} on columns.
     
    unigogo, May 22, 2010 IP
  9. master99

    master99 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    depends upon your requirement.
    Mostaly use 1004px

    below is an excellent Site helping you in web development..hope this helps...

    www.tutorials99.com
     
    master99, May 23, 2010 IP
  10. moodey-aimee

    moodey-aimee Guest

    Messages:
    152
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    this looks like a really useful site for a person learning web design like me. Thank you.
     
    moodey-aimee, May 25, 2010 IP
  11. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #11
    bingo. A site for grandma and grandpa doesn't need the bells and whistles of a kiddy pop site.
     
    AtSeaDesign, May 25, 2010 IP
    Blue Star Ent. likes this.
  12. digital29

    digital29 Peon

    Messages:
    462
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I usually use 960px for wordpress themes and 780px for presentation websites
     
    digital29, May 25, 2010 IP
  13. petr_ind

    petr_ind Well-Known Member

    Messages:
    1,680
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    185
    Articles:
    6
    #13
    Ye i agree...
    make it 100% size, and do the design carefully to get best result...
    Proportional width on the monitor will be great for the looks of your website
     
    petr_ind, May 25, 2010 IP
  14. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #14
    I guess best is to know your target audience and decide. Normally i go for 960px for a centered layout.
     
    radiant_luv, May 26, 2010 IP
  15. windy

    windy Active Member

    Messages:
    1,094
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    78
    #15
    I usually use 780px
     
    windy, May 26, 2010 IP