Comments on: 960.gs grid overlay – a jQuery plugin

By: Daniel Shanahan

Daniel Shanahan — Wed, 27 Jan 2010 17:15:12 +0000

Thanks Howie. I added grid_8 to the content div, but no luck on getting the grid to show. (I also removed the footer tags). Any other suggestions?

By: badlyDrawnToy

badlyDrawnToy — Tue, 26 Jan 2010 23:55:23 +0000

Daniel. I think the problem is that you have a 12 column container within which you only define a 4 column grid. You need to specify what happens with the other 8 columns e.g. make the content div 8 cols wide

also, lose the footer tags in the HTML

Good luck

By: Daniel Shanahan

Daniel Shanahan — Tue, 26 Jan 2010 15:23:52 +0000

Thanks for the quick reply. Yes, the problem could very well be my markup. Would you mind taking a look? I have two simple Lorem Ipsum sites: one where the grid works (http://www.gridoveryes.newleafdata.com/demo.html) and one where it does not (http://www.gridoverno.newleafdata.com/demo.html). All the files (css, images, js) are the exact same as the demo downloaded here, though I changed the content in the html file. The only difference between the one that works and the one that does not work is an added a class: grid_4 to the sidebar div.

Any ideas why it doesn’t work here (http://www.gridoverno.newleafdata.com/demo.html)?

Thanks.

By: badlyDrawnToy

badlyDrawnToy — Tue, 26 Jan 2010 08:59:13 +0000

Daniel. Glad you like the plugin. Not sure if what you describe is a bug. The plugin simply overlays the grid. It will not affect your own grid classes. More likely you haven’t quite got your own markup correct. Hard for me to say without you showing me your code.

By: Daniel Shanahan

Daniel Shanahan — Tue, 26 Jan 2010 02:29:26 +0000

I like this very much – thank you for making it available. I found what may be a bug. I was not able to implement the plugin, even though I followed the instructions to the letter. I ended up duplicating the demo and started from scratch, as the demo worked. Then, as I was marking up the demo.html I came across this behavior: within the container div I have a sidebar div. I gave the sidebar div an id of ‘sidebar’. So far, so good. However, when I gave that same div a class of ‘grid_4′, the grid no longer worked.

Perhaps this isn’t a bug and I am just unclear on the expected behavior. Any thoughts?

By: Philsbury

Philsbury — Wed, 30 Dec 2009 15:26:23 +0000

I love this. Need I say more? :)

By: ling

ling — Mon, 21 Dec 2009 22:37:14 +0000

1000 thanx
badlyDrawnToy,
most convenient tool for me!!

By: My Thoughts on 960gs | Tom McFarlin

My Thoughts on 960gs | Tom McFarlin — Mon, 27 Apr 2009 09:05:40 +0000

[...] jQuery plug-in for the 960gs grid overlay [...]

By: Andrée Hansson

Andrée Hansson — Sun, 26 Apr 2009 02:31:54 +0000

Hey! Looks neat, I have been working on a very similar project for two months now (check the link), just to let you know. :-)

By: 960.gs grid overlay: plugin de jQuery para verificar las retículas | La pechuga del Pollo

Fri, 24 Apr 2009 20:50:47 +0000

[...] basas tus diseños web en columnas utilizando el Framework de CSS 960.gs, 960.gs grid overlay, un plugin para jQuery puede resultarte bastante [...]