Suppose I have a layout with a width of 1000 pixels wide with a wastewater space of 100 px (margin) and 50px left and right. How to apply a golden attitude to this layout?
Method one
c1+c2=800px;
c1/c2=1.618;
=>c1= 495px and c2= 305px
50px, column 1 (495px), 100px, column 2 (305px), 50px
Method two calculates the width of the columns, ignoring the fields.
c1+c2=1000px
c1/c2=1.618
=>c1= 618px c2=392px
effective column width after adding fields / pads
c1=618px -100px = 518px
c2=392px -100px = 292px
50px, column 1 (51), 100px, column 2 (305px), 50px
% difference in two methods 518-495/518= 4%
The difference of 4% will not make any difference, but the difference in% will be greater when working with narrow layouts.
If you see this article,
http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/
In the first example, they took the gasket from the golden ratio, and in the other they made the complementary part of the GR.
Can anyone suggest which method is better.
Wordpress, .
(Can I??).
2 , GR .
, .
PS: , . , .