Header for Website

Discussion in 'HTML & Website Design' started by RunColo, Dec 2, 2008.

  1. #1
    My website Colorado Running is going to get a new header.

    Now, I know little about website design, currently my header is 790px (width) and at the time I read that you shouldn't go wider than that because of some people using small monitors, etc.

    So does that still hold true or can I go wider and be ok?

    Thanks
     
    RunColo, Dec 2, 2008 IP
  2. i.run.shit

    i.run.shit Peon

    Messages:
    61
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It's really up to you. If you want your website to accommodate those on a small monitor, then I suggest you keep it the way it is or going with a fluid width. My personal website, I didn't make fit 800x600 resoltuions, only 1024 and up.

    If you are wanting everybody to be able to view your site with no problems what-so-ever, I highly suggest a fluid width layout. Percentages allow your layout to adjust to the width of each individuals screen resolution. It will even be easily viewable by those on cell phones or gaming consoles like the PS3. :)
     
    i.run.shit, Dec 2, 2008 IP
  3. cheapez

    cheapez Active Member

    Messages:
    1,123
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #3
    790px is no good for big monitor either.
    See the current display resolution statistics: w3schools.com/browsers/browsers_display.asp

    You can use 950px-960px width, and header 130px-140px height.
     
    cheapez, Dec 2, 2008 IP
  4. RunColo

    RunColo Peon

    Messages:
    31
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks, looking at those statistics, I should probably make the width 1024 then.
     
    RunColo, Dec 2, 2008 IP
  5. WebCatch

    WebCatch Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I normally stick to 960 as a general guide. I use the 960 grid system http://960.gs/
     
    WebCatch, Dec 3, 2008 IP
  6. xtr33m

    xtr33m Active Member

    Messages:
    83
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    98
    #6
    Above ^^^ u r right !
     
    xtr33m, Dec 5, 2008 IP
  7. knicksfan77

    knicksfan77 Peon

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    People think that bigger is better as monitor resolution improves. The thing is, no one want a browser screen to take up their entire screen. I usually multi task and have many things going on. I prefer 800px wide, even though my monitor can handle much bigger resolutions
     
    knicksfan77, Dec 5, 2008 IP
  8. bread102

    bread102 Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    i agree with the 960 width i mean its time to push for future technology if your moniter has 800x600 or w.e, it's time for a new moniter. lol.
     
    bread102, Dec 5, 2008 IP
  9. hatrick24

    hatrick24 Peon

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    its not about technology, its about brwoser window not taking entire space of the screen of monitor.. and that way i agree, the max width for the header should eb around 800.
     
    hatrick24, Dec 5, 2008 IP
  10. Ownageplocks

    Ownageplocks Peon

    Messages:
    44
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #10
    awesome website keep up the good work
     
    Ownageplocks, Dec 6, 2008 IP
  11. Trapped

    Trapped Well-Known Member

    Messages:
    1,832
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    130
    #11
    The latest stats show that major users nowadays use 1024px screens, so I would say 900-1000px (considering some empty space for the scrollbar) wide layouts would just fit fine.
     
    Trapped, Dec 6, 2008 IP
  12. SugarUK

    SugarUK Banned

    Messages:
    199
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #12
    fluid width is best imho.
     
    SugarUK, Dec 6, 2008 IP
  13. JREAM

    JREAM Member

    Messages:
    160
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    30
    #13
    The most common monitor rez is 1024 wide, subtract the scroll bar, and come to about 900 or 960 pixels and youre good to go :)
     
    JREAM, Dec 7, 2008 IP
  14. 2advance

    2advance Well-Known Member

    Messages:
    2,614
    Likes Received:
    72
    Best Answers:
    0
    Trophy Points:
    140
    #14
    Nice header, I think this is the suitable size for your site..good
     
    2advance, Dec 7, 2008 IP
  15. grunya

    grunya Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    Don't go for fluid layout. As Graphic and Web Designer I have a wide screen monitor. Beleive me, websites look awful when they are stretched from one side to another and it's hard to see any layout at all.
     
    grunya, Dec 8, 2008 IP
  16. dejangex

    dejangex Peon

    Messages:
    113
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #16
    As you can see here: w3schools.com/browsers/browsers_display.asp

    Most of the user still use 1024x768 and up so width should be 1000px and less. Make it look good with this resolution and then check others.
     
    dejangex, Dec 8, 2008 IP
  17. BannersLab

    BannersLab Peon

    Messages:
    25
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #17
    just follow "big brands"... if yahoo, cnet etc. websites are optimized for min. resolution of 1024x768, then you shouldn't worry... so, 1000px or less is fine
     
    BannersLab, Dec 9, 2008 IP
  18. Aqeel Qureshi

    Aqeel Qureshi Member

    Messages:
    332
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #18
    good desgin
     
    Aqeel Qureshi, Dec 9, 2008 IP
  19. LDMajor

    LDMajor Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    nice header
     
    LDMajor, Dec 9, 2008 IP
  20. Xavier_3D

    Xavier_3D Well-Known Member

    Messages:
    1,299
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    140
    #20
    Go for Fluid width or 960 px in Fixed Width.
     
    Xavier_3D, Dec 9, 2008 IP