Not signed in (Sign In)

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

General.
1024 x 768 grid help.

1 to 3 of 3

  1.  
    • CommentAuthordanielkip
    • CommentTimeNov 8th 2009
     
    Hello.

    I am working on a grid right now over a 1024 px x 768 px picture and i am having a problem i would like some help with to understand what i am doing wrong and to point me the right direction on it.

    what happens is:

    i know that the width and height are multiples of the number 8. so i am making an16 px margins and dividing the whole space left into 8 columns/ rows. So i am left with a canvas with 992 px x 736 px. so, i split into a grid and i am left with comfortable measures. I assume that a 16 px baseline is going to fit here but there problem is the it doesn't match the gutters as it was supposed to. any suggestions on what i am doing wrong?

    I will post a screenshot as an attachment to illustrate it better.

    Thanks for reading and for attention.
      Screen shot 2009-11-08 at 9.39.05 PM.png
    • CommentAuthorlakshmivyas
    • CommentTimeNov 9th 2009 Edited
     
    Hi

    The problem is with your margins.

    Canvas height - margins = 736
    Gutters for 8 rows = 16 * 7 = 112
    Height available for one row = 736 - 112 / 8 = 624 / 8 = 78.

    78 is not divisible by 16.

    ------------------------

    To generate your grid, I will start from the bottom:

    You need rows that span 5 baseline rows = 5 * 16 = 80
    Gutters for 8 rows = 16 * 7 = 112
    Canvas Height - Margins = 8 * 80 + 112 = 752

    Available height for margins = 768 - 752 = 16.

    So you can make your margins 8 top 8 bottom or increase the overall height to 784 instead of 768 to have 16 margins.
  3.  
    Daniel,

    > can i use this caluculation for basically any grid i am working on

    You can use this method (going bottom up) for any grid as long as you know the baseline and height of the grid rows. There are tools available(in the resources section here) that will let you calculate them as well.

    > the only way for me to increase to a 16 margin is increasing the actual height of the document?

    If you want to stick to 16px baseline, I'm afraid so.

    If your document height cannot be changed, you can use other metrics to determine your baseline as well. You could use 12px baseline with 72px height for each grid row. That would give you a grid that fits.

1 to 3 of 3

  1.