Stack Overflow
Stack Overflow

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
2
votes
2 answers

How to bring a div to center of the screen using 960.gs

I like to know,how we can bring a div to the center of the screen,both horizontally and vertically using CSS and 960.gs
Alex Mathew
  • 1,534
  • 9
  • 31
  • 57
1
vote
2 answers

Image does not horizontally line up with the text above and below it with 960 grid

Any idea why my image does not horizontally line up with the text above and below it please? http://dl.dropbox.com/u/2306276/site/index.html
pingu
  • 8,719
  • 12
  • 50
  • 84
1
vote
1 answer

How to automatically flow the div block to the next row with css?

i am using a 960gs to create a site, I have product blocks like the one in the eCommerce site, i wanted to show them continually like 4x5 blocks, I mean 4 blocks in a column and 5 blocks in row totaling 20 blocks, My problem is first row require to…
srisar
  • 1,495
  • 5
  • 18
  • 27
1
vote
2 answers

Design flaw in 960 fluid grid or am I misusing it?

I'm using Stephen Bau's 960 fluid grid, and I dont think it works with nested grids because each grid is a % of its parent, unless I'm miss using it? In the stylesheet .grid_12 { width:98%, } So if the viewport is 1200px then
is…
experimenter
  • 768
  • 1
  • 9
  • 30
1
vote
0 answers

Responsive-friendly fluid CSS grid with no JS

Five of us have spent a day and a half working on this - got some very close solutions, but seems like it might be impossible to do without pulling in Javascript. Scenario We're using a responsive (media-query based), 960 grid layout. There are…
Joshua Stewardson
  • 874
  • 7
  • 16
1
vote
1 answer

Creating & controlling a nest of Parent divs in Grid 960

Here's the layout I'm trying to achieve http://jsfiddle.net/qeDs3/44/ I mocked it up on Indesign using Grid_960 templates: http://designobvio.us/dov2/Homepage1.pdf Here are the divs I cannot make parents out of…
Armeen Moon
  • 18,061
  • 35
  • 120
  • 233
1
vote
1 answer

Grid 960 looks different in ie8 and ff9

i have the following simple grid960 HTML code: http://pastebin.com/m1SYMH5S but it looks verry different in ie8 and FF9, what have i done wrong? Thanks
wutzebaer
  • 14,365
  • 19
  • 99
  • 170
1
vote
2 answers

compass-960-plugin does not install properly

I'm trying to utilize compass/sass/960 grid system. However, it doesn't seem like compass-960-plugin is installing properly. The error message I am receiving: $ compass watch LoadError on line 105 of /usr/lib/ruby/1.8/compass/configuration/data.rb:…
Phil Gorley
  • 141
  • 1
  • 7
1
vote
2 answers

How to make column heights expand in css using 960

Good Day. I am using a 960 grid layout and two divs are created to serve as a background wrapper that is beyond the 960 width, and secondly to use as a content for 3 columns consisting of texts and images. My problem is, I tried setting the height…
telo78
  • 121
  • 2
  • 15
1
vote
1 answer

960 css `grid_9 align_right` not aligning to the right

If you download the 960.css system and unzip it, you will find some demo files in the code directory. If you rip out all the demo code and create the following simple HTML file, you will note that the div with class instructions to take up 9 columns…
Terrence Brannon
  • 4,760
  • 7
  • 42
  • 61
1
vote
1 answer

extend header/footer bg to screen edge using 960.gs

I'm using the 960.gs style sheets for a drupal site - I would like to extend both the header, and footer sections to the edge of the webpage- resulting in something precisely like stack overflow's website.
stopshinal
  • 1,891
  • 4
  • 16
  • 24
1
vote
1 answer

Forms samples with 960 grid

I've decided to use the 960 grid for a project and would like some samples/examples for doing stacked (label above data field) forms (with multiple fields per line in situations like phone number) with room for validation messages. Anyone have any…
Caveatrob
  • 12,667
  • 32
  • 107
  • 187
1
vote
2 answers

A question about the text.css in the 960 Grid System Framework

I'm currently using the 960 grid system framework for my CSS project and I've decided to work in their suggested text.css file. I notice their suggested font sizes are all in pixels, wouldn't it be better to use percents instead? Why do you think…
JCraine
  • 1,159
  • 2
  • 20
  • 38
1
vote
2 answers

960 css framework, alpha/omega issue

Im using the 960 css framework. The issue is Im trying to use the full 960 width in a 3 column layout. So Im using the container 16 and using 3 divs with grids. The first and last grid Im using alpha and omega to remove the left and right gutter. It…
John
  • 9,840
  • 26
  • 91
  • 137
1
vote
1 answer

960 grid with repeating patterns on either side

I am going crazy. I am creating a website with the 960 grid system and so far everything works fine - I do understand it. My only issue is the following, since the framework as itself is limited to 960 pixels, I do not understand how to make the…
John
  • 309
  • 1
  • 3
  • 9
1 2 3
…
19 20