3 Replies Latest reply on Aug 24, 2010 8:02 AM by BenPleysier

    The Good Proportion?

    SebastiaoV Level 1

      Hi guys,

       

      I know the Golden Section can help you out in getting nice website layout proportion. I got a bit confused if the current standard is

       

      1024 px

       

       

      why those online grid calculator start measure are:

       

      830 px

      http://www.grafikk.co.uk/gridmaker/#/12,60,500,10,16761021,true,10,10,16732743/

       

      or

       

      910 px

      http://netprotozo.com/grid/

       

      for the Page Width?

       

       

      Thanks for any info!

       

      Cheers,

      Sebs

        • 1. Re: The Good Proportion?
          BenPleysier Adobe Community Professional & MVP

          If you want to attain maximum real estate, you should go as wide as possible. The majority of PC users have a screen width of 1024 and greater, therefore it is best to design for 1024. Mind you, the scroll bar uses space as well so that a width of 980px seems to be the norm.

          1 person found this helpful
          • 2. Re: The Good Proportion?
            MurraySummers Level 8

            Since you cannot control the HEIGHT of your page, the Golden Ratio goes out the window, and you have to consider more practical and pragmatic dimensions.  Consider your target demographic and imagine what their MINIMUM screen resolution will be.  Most likely that's 1024 wide.  In that case, you would try to accommodate at least a 1024 wide (i.e., maximized) browser window for your pages, without a horizontal scrollbar.  To do that, you need to consider the contribution that browser 'chrome' makes to the viewport width.  At a 1024 minimum, you have about 980px of available width.  Thus, making your pages 960-980px wide will guarantee you no horizontal scrollbars on those screens.  At least that's how I figure it.

            • 3. Re: The Good Proportion?
              hans-g. Adobe Community Professional & MVP

              Hi Sebs,

               

              here a related link: Google labs - Browser Size http://browsersize.googlelabs.com/ where you can see your website in a standardized evaluation.

               

              Hans-G.

              1 person found this helpful