Comments on: Tricks to Solve 960 CSS Framework Problems

By: Stefan Vervoort

Stefan Vervoort — Mon, 02 Feb 2009 16:21:30 +0000

Nathan, I see, I see. Didn’t really look into that part of the framework. Thanks for developing the framework!

By: Nathan Smith

Nathan Smith — Mon, 02 Feb 2009 15:51:48 +0000

Actually, if you wanted a narrower layout, but still wanted the overall container width at 960px, then you could use a div with prefix_XX and suffix_XX, to create empty space on the left / right.

By: 5 Popular CSS Frameworks + Tutorials & Tools for Getting Started

5 Popular CSS Frameworks + Tutorials & Tools for Getting Started — Mon, 02 Feb 2009 00:41:48 +0000

[...] include: not to edit 960.css, Loading the grid, Containers, Grids / Columns, Margins and styling. Another post by Stefan where he solves some of the problem he faced while working with this [...]

By: whiskey

whiskey — Sat, 31 Jan 2009 02:20:36 +0000

If everything else fails (like it tends to do on IE6 for example) add a class to your grid_X like this:

div class=”grid_7 oopsIE”
( you put your own > and < )

now you go to your css and add to it the width of the grid_x on your container (it varies if you decided to use 12 or 16 so take a look first):

.oopsIE{
width: 400px;
overflow: hidden;
}

This is because sometimes IE behaves like a jerk +1.

It worked for me at least!

By: Anon Web Junkie

Anon Web Junkie — Thu, 08 Jan 2009 10:27:57 +0000

No hacks for http://unobtrusivecss.com/ to work properly.

By: Chad Behnke

Chad Behnke — Thu, 08 Jan 2009 07:07:09 +0000

Don’t worry, nicole, frameworks are a recent development in my web design history. I knew how to *fix* the problem, just acknowledging that this solution will help when I need to apply borders rather than changing the css structure of the grid css itself.

I also love the psd files. I was blown away at the speed I was able to transition psd to xhtml with this system.

By: Moleskine - 960 Grid System, Divine Proportion, Rules of Thirds | John Wang

Moleskine - 960 Grid System, Divine Proportion, Rules of Thirds | John Wang — Wed, 07 Jan 2009 23:27:32 +0000

[...] Tricks to Solve 960 CSS Framework Problems » DivitoDesign [...]

By: nicole@younic

nicole@younic — Wed, 07 Jan 2009 20:07:23 +0000

Well, first of all: If you are new to webdesign: don’t use frameworks! but learn it on your own. If you finally got to know the stuff, you can reason on frameworks and you know how to deal with them.
I like to use 960 Framework because it provides the photoshop templates – and it’s really easy to use.

But yeah, you’re right: The padding thing is a bit tricky: It would be great if there was an optional CSS class “setpadding” which makes the padding for the container.

By: Chad Behnke

Chad Behnke — Wed, 07 Jan 2009 15:37:03 +0000

I love 960. These tips were really, really helpful, especially since I’ve had IE problems because of borders in the past. Thanks for the article!

By: Patrick Keefe

Patrick Keefe — Mon, 05 Jan 2009 00:14:28 +0000

I agree with Simon. The idea of a framework is sound but so far I have yet to see a truly useful and usable execution. I think 960 encourages the use of bad HTML practices. I also think working inside a framework like this has a tendency to inform some design decisions, making the design more likely to ‘fit’ inside the framework.