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
1
vote
1 answer

What is purpose of reset.css & text.css in 960 Grid CSS?

I'm newbie to 960 Grid CSS & I found in some tutorial's that I need to use reset.css & text.css Can anyone explain actual purpose of these two files?
Shafiul
  • 2,832
  • 9
  • 37
  • 55
1
vote
2 answers

Padding/width issue - Can I use box-sizing with a grid system e.g. 960 grid system?

I have been using the 960 grid system for a while and I always have the problem when adding padding to my divs. I am wondering if it is a good/safe practice to modify the grid system CSS and add box-sizing: border-box to my *grid_x* classes. Are…
tif
  • 1,109
  • 2
  • 12
  • 32
1
vote
1 answer

Is it possible to have a grid inside a cell with 960?

I like 960 as an easy way of doing the layout of web sites. However, I'm not sure of it's capabilities. I want to have a grid with 2 columns (grid_4) and 2 rows on the main part of my page and a column on the right (grid_4). Is it possible to define…
GaetanZ
  • 2,819
  • 3
  • 21
  • 20
1
vote
1 answer

is there a way to use 960 and compass with sproutcore?

Is there a way to do this? I know Compass can be used in sproutcore, but i also want to use the 960 compass plugin. I tried dong import "960/grid" in my app.css but it keeps throwing an error
corroded
  • 21,406
  • 19
  • 83
  • 132
1
vote
2 answers

How to make a 3 or 4 column layouts with 960.gs system?

I use 960.gs grid system, the 16 column variant. I want to make a 3 and a 4 column layout. How to to this in detail with 960.gs? The demo on http://960.gs/demo.html only shows samples with 2 columns. Or if there are more, it's not the way I need…
Danzzz
  • 523
  • 8
  • 26
1
vote
3 answers

960.gs layout issue

I am trying to learn 960 grid system. My left body text appears on the right and vice versa for the other text. My intention is to have these two boxes on the same line. Left body text is appearing higher on the page than right body text too. Any…
Jen
  • 11
  • 1
1
vote
2 answers

IE 8 Incorrectly Positioning 960 Grid

I have the below html & class structure. It displays as expected in Firefox, but in IE 8 the rt-col is pushed to the following row. Any ideas on what could be wrong?
dmark10
  • 11
  • 3
1
vote
1 answer

960 grid overlapping div's

I would to create something like this using the 960 grid, is it possible using the framework or do i have to do some custom work?
dazz
  • 8,162
  • 9
  • 31
  • 41
1
vote
2 answers

Grid 960 CSS question

When using the Grid 960 Framework in FF 3.6.14 OS X 10.5.8, using CSS shorthand margin: 50px 0 0 0; cause the margins to shift down and left. All values must be long hand: margin-top: 50px; Has anyone encountered this,if so how and why does it…
Wasabi
  • 1,591
  • 1
  • 16
  • 22
1
vote
2 answers

JQuery 960 fixed / fluid switch?

I'm trying to create a jQuery function which allows a page to switch from fixed to a fluid grid programmatically. So far I haven't been able to get anything working as everything is separated in its own class. Any suggestions?
FLX
  • 4,634
  • 14
  • 47
  • 60
1
vote
1 answer

960.gs with 100% width header

Ok, I am using the 960.gs and for some design purposes I want a 100% width line with my header elements. But I can't get it to work properly without having to include multiple containers, wich I don't exactly favor. So my question is this; how can I…
Henrik O. Skogmo
  • 2,013
  • 4
  • 19
  • 26
1
vote
1 answer

Positioning textboxes over 'login box' background image

I have a 'background graphic' which is basically a design with two premade 'white boxes' where I would like to position my login/password textboxes. Stubbornly they refused to move from the top left of that image. I'm using 960 grid system but I…
Glinkot
  • 2,924
  • 10
  • 42
  • 67
1
vote
3 answers

Empty but styled div in 960.gs

I have the following column in my webpage draft, which is based on HTML5 Boilerplate and 960.gs:
However, when I open the page in Chrome, the column doesn't show up at all, unless I put some…
Kudu
  • 6,570
  • 8
  • 27
  • 27
1
vote
1 answer

Cover entire client area with a 960.gs flexible grid layout

I'm using http://960.gs grid system/framework I'm having some head-to-wall punching trying to make a flexible layout that allows me to cover the width and height of visitor's browser client area, specially in "height"... Look at the following…
Enrique
  • 1,015
  • 4
  • 27
  • 54
1
vote
1 answer

is Zen nineSixty theme compactible with iPhone?

I have created a custom theme using Zen nineSixty (960 Grid system) in drupal and it works and looks great on all major browsers. I was just wondering if anyone could let me know if I need to do anything else to get this theme working on iPhone or…
Drupal_user
  • 11
  • 1
1 2 3
…
19 20