Questions tagged [960.gs]

The 960 Grid is a CSS layout system that can be used with or without a web development framework.

Released in 2008 by Nathan Smith, the 960 Grid is a CSS layout system that can be used with or without a web development framework.

The grid is based on a 960-pixel width, arranged in 12 or 16 columns. There are variants for others needs.


Resources :


Related tags :

296 questions
5
votes
2 answers

Splitting a form(tastic) into a three-column layout

I'm quite new to Rails, so please excuse any wildly inaccurate terminology. First, some context: I'm building a sample tracking web app for a small analytical lab. It would be particularly slick to be able to split up a batch submission form into…
4
votes
1 answer

Fluid 960 Grid System - IE7 width bug

I seem to be having an issue with the fluid 960 grid system where in IE7 at very intermittent widths it pushes the 3rd column (3 column layout) below the 1st and 2nd column. It seems to work fine on every other browser. I cannot seem to fix it. To…
Tribal
  • 146
  • 7
4
votes
3 answers

960 Grid System - 12 col - Touching the container edge

i am using the 960 grid system to try and create a layout... I have the following code:
I am using alpha and omega to remove the left and…
Lee
  • 5,816
  • 6
  • 45
  • 61
4
votes
4 answers

Questions regarding CSS design using 960 grid system

I'm using 960 grid system to create a layout prototype. I would like to set the color between Navigation and Content to #000 (solid black), but I can't figure out how. What I currently get is: Using this code:
user14070
4
votes
2 answers

jQuery Dialog and 960 Grid System

I have the following page layout using the 960 grid systm ---------------- header ----------------- | | side| main | | ----------------- I want to use the jQuery dialog to display a popup when…
user156862
4
votes
1 answer

Can not colour in background of 960.gs container

I'm using 960.gs (http://960.gs) as a CSS framework for my site and I'm trying to colour in the background of the .container_12 classes rather than my .grid_12 classes for the extra 10px I get on each side, giving the grid a bit of whitespace to…
bafromca
  • 1,926
  • 4
  • 27
  • 42
4
votes
3 answers

960 Grid for fluid layouts

For the fluid layouts, can i use 960 grid system for developing web applications..?
Ravi
  • 4,015
  • 7
  • 30
  • 35
4
votes
2 answers

Fluid 960 Grid System with 24 columns or more?

is there a way of having at least 24 columns using Fluid 960 Grid System? http://www.designinfluences.com/fluid960gs/ cause i want a fluid version and im currently using the fluid version you can download with css generator on 960:s website.
ajsie
  • 77,632
  • 106
  • 276
  • 381
4
votes
1 answer

Fixed-Fluid-Fixed Layout for 960.gs

Our website engine uses 960.gs grid system and I am trying to modify it to 3 columns Fixed(100px)-Fluid(max to width)-Fixed(100px) view. Unfortunately all 960.gs online generators makes just or full-fixed or full-fluid grids. So I am trying modify…
Ken Tang
  • 519
  • 3
  • 7
  • 20
4
votes
3 answers

Is 960 more conducive to good design than Blueprint?

Comparing sites designed in 960 with sites designed using Blueprint, it seems to me the 960 sites are a lot sharper. I don't know if this is a coincidence of the samples I'm looking at. Or is there something about 960 that is more conducive to good…
cyoung
  • 41
  • 4
3
votes
1 answer

Adding padding to a CSS grid system like 960.gs

I'm building a site which makes use of the popular 960.gs 16 column grid system. Here's a screenshot of the relevant part of the design, with the grid columns overlaid on top: The issue is the white "popular right now" box. Since this has a white…
Matt Andrews
  • 2,868
  • 3
  • 31
  • 53
3
votes
4 answers

How to add a vertical line between two 960.gs boxes?

I'm using the 960.gs grid system for a design. What is the best way to add a thin separating vertical line between two boxes? The width and color should be adjustable. My plan is to define a couple of div classes with absolute positions and…
Andreas
  • 7,470
  • 10
  • 51
  • 73
3
votes
2 answers

CSS3 framework overload-comparisons of each?

I’m a newcomer to CSS3 and at the moment I’m overwhelmed by the plethora of options when it comes to frameworks. Can anyone point me to an objective comparison of each, and when it makes sense to use one over another? A couple of scenarios: if…
Bachalo
  • 6,965
  • 27
  • 95
  • 189
3
votes
1 answer

CSS Floating inline elements (960 GS)

I was just checking out 906.gs css code and noticed that they made all the floated divs inline. http://960.gs/demo.html Just wondering what the purpose of that is...I am always interested in learning CSS theories.
eirikrl
  • 438
  • 1
  • 5
  • 17
3
votes
2 answers

960gs grid in grid

How do I make more grids inside another grid? For eg. I have a 2 column with 2 or more columns inside the left one: ------------------ --------- | | | | | ______ ___ | | | | | | | | | | | | …
Shawn Mclean
  • 56,733
  • 95
  • 279
  • 406
1
2
3
19 20