Comments on: Working with 960.gs

By: nikita

nikita — Fri, 19 Feb 2010 16:38:47 +0000

@sze, i believe “span-xx” is being used instead of “grid_xx” on this page. (see source: span-14, span-10, etc.)

i don’t think it really matters what you call your sections, as long as your pages & stylesheets match and everything’s defined. (ok, now i want to build a site using “hedgehog_xx”. perhaps i will.)

By: sze

sze — Mon, 01 Feb 2010 05:56:01 +0000

Your write up of 960.gs is very helpful to me but as I look at the source code for this page: http://juanpatten.com/2008/working-with-960gs/, I do not see any 960.gs classes such as “grid_12″ and “grid_16″ what happened?

@sze

By: Dawn

Dawn — Sun, 17 Jan 2010 15:47:35 +0000

Thanks, Bob! That was very helpful!

By: Bob

Bob — Sun, 17 Jan 2010 05:37:37 +0000

Ack, there is a html filter, pasted my previous comment here with the relevant HTML: http://stikked.com/view/652851a2

By: Bob

Bob — Sun, 17 Jan 2010 05:35:26 +0000

@D, place the header and footer outside of a container like so:

…
…
…

And if you want to utilize the grid system within the header:

Have not used that particular fluid option before, but I assume the structure is exactly the same as the standard system with the only difference being that there is no fixed width, that is the layout is completely fluid and will resize to fit the width of the browser.

By: D

Sat, 16 Jan 2010 17:26:54 +0000

How do I keep the main content within a 960 grid but have the header and footer expand to the width of the browser (flexible width)?

I guess the trick is to use multiple containers and alter the CSS?

And I noticed that 960 now has a fluid option and am confused about that as well.

By: Haiko

Haiko — Mon, 21 Sep 2009 20:01:23 +0000

Adam, have a look at this description.

By: Adam

Adam — Mon, 10 Aug 2009 09:07:10 +0000

I was really hoping to see what push and pull did. From what I read on some other sites, it originally wasn’t there, but it is now. And none of the intro blogs I’ve found mentioned it. An update would be great. I was hoping they’d allow me to do something to the effect of putting the body content first, yet having it display last for SEO purposes.

By: negs

negs — Wed, 29 Jul 2009 18:12:50 +0000

Update on wanting widths different than 960:

IF you visit http://www.960.gs, there is a big button labeled ‘custom css generator’ which lets you define

1. Number of columns
2. Gutter width
3. EITHER the Column Width OR the Full Width (one is used to determine the other)

And then it spits out custom CSS for you, using the 960.gs method (alpha, omega, grid_x, etc)

By: JR

JR — Wed, 13 Aug 2008 19:52:14 +0000

Nathan: You’re right. The reset file isn’t technically necessary if the user includes their own reset, but if you want to be “pure” and not do any unnecessary layout, they should use that file.

Thanks again for the great framework. I’m using it on some other sites and other projects, and it’s working like a charm.