James Jeffery wrote:
After reading 'Transcending CSS' I have learnt that grids are not a
replacement for table based layouts (as has been drummed into me by so
called evangelists on IRC). I understand the importance of grids in
print and non-web media and now want to start using them.
I've started using Blueprint. I quickily scrolled through the CSS file
and got a grasp for it.
My problem is this. In the book I am seeing examples where they are
using 4 and 5 columns. I have developed a layout, which uses the
divine proportion. So far I have the container, and 2 divs. Now,
within these grids do I use more columns to go with the layout and
structure of the design? And if so, how can I overlap? For example, in
the "main-content" area I might have 5 columns, now lets say using
Blueprint and my own CSS I want to use 4 columns for the content and 1
for meta date per article. How do I use all 4 and leave the one?
Sounds like a silly, vaugue, question ... I know. But I'm a little
taken by this and am eager to learn because I feel this is going to
greatly boost productivity.
Thanks
--
James Jeffery
Web Developer and iPhone Applications Developer
m: 07964722061
Hi James,
First I'd say you can't really mix a grid framework like blueprint and
the divine proportion. You're best off using blueprint to create the
entire grid structure or none of it.
Blueprint offers class names for styling divs at various widths so your
meta data would be in a div with a width that corresponds to the width
of 1 of your columns, and your post content would be in a div that spans
the width of four of those columns. You don't actually have 5 divs each
with the width of one column because you couldn't get the content to
span across 4 of them.
The column widths provide a guide for your grid - your actual content
divs will typically be a multiple of a single column width.
Have a look at this page http://designinfluences.com/fluid960gs/
It's a similar grid system to blueprint (better IMO) but under the
16-column grid header (you may have to click it) there are a bunch of
examples of the different widths of containers you can have. You may
want 8 1-column-width containers next to 2 4-column-width containers.
-Rob
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
