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

960 gs, full width backgrounds

I'm trying to implement a design I created in photoshop. I want to use the 16 column 960 GS, but the problem is that I only want the content bound by the 960 width. I have backgrounds for 4 seperate areas. Header, the content area, a top footer…
Josh
  • 16,286
  • 25
  • 113
  • 158
1
vote
1 answer

CSS drop down menu in 960 grid system

I'm building a website based on 960 grid system (www.960.gs), and I've encountered a problem. I want to put drop down menu but with no success. I tried many tutorials but i only got more confused. Is there a way to create a menu for this kind of…
David Pilcha
  • 15
  • 3
1
vote
1 answer

Navigation menu in Unsemantic

I need to know how to create a navigation bar with Unsemantic framework (or 960gs). My menu structure is
. I have tried so much, but still can't find out the problem. EDIT I use wordpress.So it creates…
Mostafa Talebi
  • 8,825
  • 16
  • 61
  • 105
1
vote
1 answer

960gs grid Inside grid

Is it possible to have the inside grid surrounded where the outer grid contents flows around the inside grid as what happens in an image float left/right. ---------------------------| | | | grid_8 | | …
Tim
  • 13
  • 2
1
vote
2 answers

Troubles with positioning

I'm migrating from 960 grid to Twitter Bootstrap, which indeed is a headache. Right know I'm manipulating the ground structure (Base.html, using Django), but the output isn't at all what I want it to be. How can I accomplish what I want? Here's the…
holyredbeard
  • 19,619
  • 32
  • 105
  • 171
1
vote
2 answers

960gs Fill Div Vertically CSS

I know this CSS question has been asked everywhere around the internet. But Im having massive difficulty making the purple and green divs fill their remaining space so they are the same height as the yellow twitter…
ptimson
  • 5,533
  • 8
  • 35
  • 53
1
vote
1 answer

HTML Layout on Mirror View?

How do the webpage on mirror view. My webpage must be compatible with English and arabic languages. While user selecting Arabic language the web page convert into mirror view of normal layout of English. Any layout kit is there for suitable with…
Mahesh Ramasamy
  • 13
  • 6
1
vote
1 answer

960gs Sass arguments

I'm currently in the process of learning 960gs using sass / compass, but I'm confused as to what the "$n" is in the following code and how to use the arguments. $ninesixty-gutter-width: 20px !default $ninesixty-grid-width: 960px…
user1762554
  • 139
  • 1
  • 2
  • 10
1
vote
2 answers

HTML5 Boilerplate and 960.gs should I include reset.css?

Am starting a project using HTML5 Boilerplate and 960.gs. When implementing 960.gs should I copy over reset.css or just have normalize.css, or keep both! Sorry if this is a pathetic question, am still a little green!
pessato
  • 501
  • 6
  • 17
1
vote
1 answer

Css Grids and Columns. Not sure about this

Could someone explain the difference between 12, 16 and 24 column grids? I've always just designed websites to a set width and never bothered with columns but for the life of me I cannot get my head round why there are these columns and how to…
ngplayground
  • 20,365
  • 36
  • 94
  • 173
1
vote
1 answer

960 Grid with html5 header-tag

I am a newbie to 960.gs and experience some problems with it and html5. I am trying the following: An image should span 2 grid units and in the same line a div should span 5 units then (because that "line" is full) a line break should follow and a…
phikes
  • 565
  • 5
  • 13
1
vote
1 answer

What should I do to make this 960 Grid layout?

I'm relatively new to discovering the 960 Grid system, and its a bit different than what I'm used to working on. My main question today, is that I'm trying to make a layout that will look like this image. How would I write the code to make this…
user1266068
  • 149
  • 1
  • 1
  • 9
1
vote
1 answer

Sortable layout page with jQuery ui

I have a few problems with sortable list in sortable list. I'd like to make a page where I can sort elements in rows and in columns. This is js code for sortable: $("#page, .column").sortable({ connectWith: ['#page', '.column'], items: '.a', …
Petar Stoiljkovic
  • 11
  • 1
1
vote
3 answers

960gs: change the background color of particular columns

I'm using the 960 grid system for a site design and I'd like to be able to change the background color of particular columns. I've figured out how to change the background color of the entire container by doing something like .container_12 { …
James Porter
  • 1,853
  • 2
  • 17
  • 30
1
vote
1 answer

Changing div layout with javascript

I am new to the 960 grid and adaptive.js. I understand the concepts and have successfully implemented the 960 grid. My problem is that I am not understanding how to implement the "adaptive" part. Here is my code
…
user1689870
  • 11
  • 3
1 2 3
…
19 20