Website Design on Diffrent Resolutions

Discussion in 'HTML & Website Design' started by MQLine, Sep 27, 2007.

0
  1. #1
    I'm thinking about starting a new website but i want the layout to be around the size of digital point forums where it takes up the whole page. I noticed that when i view digital point on different resolutions the website just shrinks inwards, wheres when i make a layout this size on a bigger resolution it stays the same and a bottom scroll bar appears. I don't want my viewers to have to scrool right and left. I was just curious on how i can make my layout like digital point so when different people with different screen resolutions can view the website and not have to scroll right and left.

    Thanks in advance. :cool:
     
    MQLine, Sep 27, 2007 IP
  2. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You want to make your website have a fluid width versus a static width like most websites have.

    It isn't to difficult. Here is a website to get you started, http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp

    Just do a Google search for 'CSS fluid layouts' and you will get tons of results. From there you can fine one you like and build upon that.

    cheers
     
    jared, Sep 27, 2007 IP
  3. nabil_kadimi

    nabil_kadimi Well-Known Member

    Messages:
    1,065
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    195
    #3
    Use
    width : X %;
    instead of : X px;

    You find this link useful : the designer has made a liquid layout that becomes fixed (so scrollable) if a minimum page width is reached.

    I hope this helps you
     
    nabil_kadimi, Sep 27, 2007 IP
  4. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #4
    As others have said, use a proportionate size for elements rather than fixed.

    Be slightly careful though. On my widescreen monitor many full width websites look terrible, including DP. For example your original post's first paragraph takes up only a line and a half which from a usability basis is terrible as 50 words per line is massively too long.
     
    AstarothSolutions, Sep 28, 2007 IP
  5. girishb

    girishb Peon

    Messages:
    26
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    didn't we get rid of the width % for webpages ? and who uses computers with 800 X 600 resolution anyway ?
     
    girishb, Sep 28, 2007 IP
  6. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #6
    No, they are having a reassurgence and generally are considered best practice when used in conjunction with min & max constraints.

    In answer to the question on resolution, 14% were still using it in Jul 07 according to W3C. You will also find an increase in low res screens with the increase in PDAs/ Smart Phones capable of full web browsing
     
    AstarothSolutions, Sep 28, 2007 IP
  7. shahcloud

    shahcloud Peon

    Messages:
    95
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    What is that "hmmmmmmmmmmm" thing? i usually use tables then make it center
     
    shahcloud, Sep 28, 2007 IP
  8. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #8
    No many sites are still being designed with fluid widths. It usually depends on what the client needs are. Many designers are still using primarily 760px designs to accomodate the 800x600 audience although I have seen many make the leap to designing 960px which is for 1024x764.

    Don't use tables for design elements. ever. >_<
     
    jared, Sep 28, 2007 IP