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

Center content div using 960 grid system

This sounds easy but. I am simply not able to do it. Here is what I have:

Head

Heading one

Content and Images

Heading two

…
Abdel Raoof Olakara
  • 19,223
  • 11
  • 88
  • 133
0
votes
2 answers

How can I make a color background that expands out of the 960 grid system?

Similar to stackoverflows header, I am trying to make my header background color expand and take over both sides of the page while still keeping the text in the center but I'm not sure of the correct technique on how to do this using the 960grid…
LearningRoR
  • 26,582
  • 22
  • 85
  • 150
0
votes
1 answer

Where to use 960 css clear class

I don't understand why I should use clear class in 960 css framework. In any example I remove div with class clear it works fine. could you tell me the usage and the purpose of that class?
Karine
  • 587
  • 1
  • 11
  • 24
0
votes
2 answers

Having an issue with clear fix not working with 960 grid system

I was building a mockup with 960 Grid System and ran into an issue with .clearfix. I'm not a fan of having extra divs in my code to trigger clear and in ALL the documentation around .clearfix seems to presented as the solution. 960gs also comes with…
QueueHammer
  • 10,515
  • 12
  • 67
  • 91
0
votes
2 answers

960gs Opera & Internet Explorer Rendering Issue

So I was testing out the 960gs when I encountered a problem with the Opera & IE8 browser. Below is an image with the page rendered in Opera (But same error happens in IE8.) I don't care about the buttons not being styled correctly, but it's the…
Niss1
  • 1
0
votes
2 answers

adapt.js 960 gs with wordpress

I want to use 960 gs adaptive.js script which allows you to select different stylesheets based on the users screen size in px. However I am using wordpress and my css files are all linked in one main css file. I am wondering if this still will work…
Cool Guy Yo
  • 5,910
  • 14
  • 59
  • 89
0
votes
2 answers

960gs and loops

I am working on layout for my web page and I've occured a problem with 960gs. I use a section tag which will contain entries and a sidebar. When new entry is added then the sidebar moves down to the last entry. How it should look: How it…
Efrin
  • 2,323
  • 3
  • 25
  • 45
0
votes
3 answers

CSS Background to expand to entire page width

I am using the 960 GS for layout of my webpage, so everything is centred in a 960 px width. However I have a row in the grid that I want the background colour to expand over the entire width of the page and not just the 960 px width of the…
Ollie
  • 196
  • 16
0
votes
1 answer

Howto > 100% Width > Blueprint/960 2-column layout

I'm new to Blueprint and 960 in Compass. I've gotten a basic 2 column example working with Blueprint. But I want to expand the width so the left & right panels take the entire screen (a la gmail). So the left column would be a fixed width, and the…
Nutritioustim
  • 2,686
  • 4
  • 32
  • 57
0
votes
1 answer

Can't get 960.gs grid container to span full browser height

I have been working on a project using Compass with the 960.gs plugin. It's worked quite well so far, giving results that look nearly identical across browsers with little effort. I've run into a small problem, however. The div I am using as 960's…
John Wells
  • 1,139
  • 1
  • 10
  • 27
0
votes
1 answer

Align label and input vertical

I want to present input forms in horizontal, want to have its labels as header (1st line is header include all labels of input form, 2nd line toward are repeated input forms). I try to use 960 Grid System using grid_2, grid_3 for example apply for…
Thang Nguyen
  • 1,161
  • 4
  • 16
  • 30
0
votes
1 answer

How to make draggable DIVs which align to 960.gs or other grid framework?

I am working in making an app around the 960.gs based system (although the grid framework isn't set in store yet). What I would like to do is enable the user to drag and drop specific layout elements (DIVs), which would, theoretically, move the…
ethanpil
  • 2,522
  • 2
  • 24
  • 34
0
votes
1 answer

CSS: issue with background color

I want to make the header and footer backgrounds to be repeated on x. So it takes all the width size of any page resolution. This is how I want it to look like: An this how is being displayed: I'm using the 960 gs, every div is limited to 960px.…
Gabriel Meono
  • 990
  • 3
  • 18
  • 48
0
votes
2 answers

960.gs background colours, or margins?

I decided to try and use the 960 grid system on a recent client project to speed up development, and its structure is working perfectly, and I love it! The problem I'm having is the break in the div background colour (I am not sure to scale sidebar…
GodsDead
  • 325
  • 1
  • 3
  • 11
0
votes
1 answer

960 CSS Framework, how to get full 960 width?

Im using the 960 css framework. I have this code:
960 adds 10px gutters to the left and right side of the grids. I want to use the full 960 width. So I read to use…
John
  • 9,840
  • 26
  • 91
  • 137
1 2 3
…
19 20