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

Footer positioning with CSS and 960gs

I'm new to doing layouts with CSS (I haven't done any web design for a long long time) and I can't seem to figure out how to get the footer of the page to display at the bottom the way I want. Requirements: -Display at bottom of content if content…
Nick
  • 9,493
  • 8
  • 43
  • 66
3
votes
6 answers

How to convert 960.gs website into HTML using Bootstrap 3

I have created the photoshop mockup using 960.gs (960 Grid system). The website container width is 960px - center aligned. The site need to be responsive. What should i do, to convert the website into HTMl using Bootstrap 3? Do i need to customize…
Yuvaraj P
  • 2,067
  • 3
  • 15
  • 12
3
votes
2 answers

CSS specificity, parent container overrules sub container

I'm strugling a bit with some custom 960.gs classes that I'm using. Problem occurs when I'm using a sub-container, and the sub-container's column simply inherits the width from the main-container's column rules. In my opinion the inner cells (foo +…
Phliplip
  • 3,582
  • 2
  • 25
  • 42
3
votes
2 answers

Grid layout - why should I use it, and should I use a framework like Bootstrap or Foundation?

I had experience with Twitter Bootstrap and Foundation, and I personally think the only thing I want to use is their grid system. Other features are just bloated. So I read about the prospect of a grid layout. All of the articles I found are…
AVAVT
  • 7,058
  • 2
  • 21
  • 44
2
votes
2 answers

Is there an 'outdent'-style attribute that can be applied to the margin of a DIV?

I'm creating an HTML page using the 960.gs grid system. I'd like to run a vertical dotted line down the centre of one of the gutters. Page with grid-overlay (gutters marked in red): Page with mocked-up vertical dotted line: However, the gutters…
Olly F
  • 2,729
  • 9
  • 31
  • 35
2
votes
3 answers

HTML5-Boilerplate, Compass, Haml and 960 Grid for Rails 3.1.x

I've been searching for a working solution for Rails 3.1.x to add HTML5 Boilerplate, Haml, Compass and 960.gs support in a canonical manner (i.e. in a way that fits into the new asset pipeline structure). This used to be fairly easy to achieve in…
theandym
  • 504
  • 1
  • 7
  • 20
2
votes
0 answers

960 fixed grid for jquery mobile

I have my website with the 960 fixed grid. I am trying to develop a site for mobiles now using the jquerymobile. Now after using 960 fixed grid i see that it doesn't align according to browser window even after using jquerymobile. Is there any way…
Ching Chong
  • 723
  • 1
  • 8
  • 20
2
votes
1 answer

same equal height columns with 960gs

how do i give the same equal height columns in 960gs. I tried with EqualHeights jQuery Plugin, but doesnt work. I have this for example:
Leoh
  • 642
  • 2
  • 17
  • 41
2
votes
2 answers

960 grid with slider, looking for way to make slider span entire 960

I'm using the 960 grid with 12 columns and Nivo slider. I'm using the 'grid_12' as my DIV but I'd like to find a way to make the slider consume the entire 960 grid (instead of 940) thus eliminating the 10px border that is on each side of the slider.
muskratt
  • 430
  • 1
  • 4
  • 8
2
votes
3 answers

960 Grid System is actually 1180 wide. How to fix it?

I am using 960gs and seems it is ok so far. I am using it with Drupal Omega Theme but this is a minor detail. I chose a normal layout not fluid. ISSUE: I have a problem because my actual width is 1180 instead 960. Can someone tell me why. I notice…
Kandinski
  • 953
  • 11
  • 30
2
votes
3 answers

Grid 960 - Stick the Header

I'm using the 960gs and i want my Header & navigation bar to be sticky at the top. I've tried to stick the div's using the position:fixed. Result: The Whole 960 grid messed up.
danieltorres
  • 370
  • 2
  • 12
2
votes
1 answer

Getting 960 grid layout to 100% height

I'm working on a layout using the 960 CSS grid layout and having some trouble getting my content div to stretch all the way to the bottom, no matter how much content there is. I have height: 100% on both html and body tags. Usually a min-height:…
Johan Alkstål
  • 5,225
  • 9
  • 36
  • 48
2
votes
3 answers

Issues with 960gs and Internet Explorer on my blog

I have put up a new blog which uses Toto with Rails 3 and it is working perfectly in Chrome, Safari and Firefox. The problem is that Internet Explorer 7 and 8 don't render the pages right. I'm using 960gs grid system and a very simple CSS markup. I…
Zepplock
  • 28,655
  • 4
  • 35
  • 50
2
votes
1 answer

Is there a list of readymade Theme Frameworks for Asp.net web development

As for Php there are loads of Theme frameworks warp5 etc. But is there a single Theme framework OR some framework with which I can rapidly develop wireframes and prototypes for new website being created. I primarily use 960Gs for the css stuff. but…
Deeptechtons
  • 10,945
  • 27
  • 96
  • 178
2
votes
2 answers

Has anyone combined OOCSS with another grid framework?

I'm sold on the benefits of using Nicole Sullivan's Object-Oriented CSS philosophy/coding methodology/whatever. In particular, I'm keen to use principles such as the "media block" in the sites I'm building at the moment. However, it comes bundled…
giles
  • 614
  • 1
  • 8
  • 21
1 2
3
…
19 20