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

Basic questions on using 960gs

I did the below it worked,
Some Text
Some Text
result: Two boxes inside with 10px left and right margin appeared. Question 1: Below does not work, one box is…
Deeptechtons
  • 10,945
  • 27
  • 96
  • 178
0
votes
1 answer

Full width expanding div using 960 grid system?

How do you get a div that expands to the full size of the browser (no matter how you resize) while working with the 960 grid system? I can only think of something like this - but I don't like it because what if you have a background for the…
funk-shun
  • 4,331
  • 11
  • 32
  • 41
0
votes
2 answers

help aligning with 960 gs

here is some code:

Upcoming Event Dates

yet the id "upcoming", dips down…
mrtunes
  • 443
  • 8
  • 18
0
votes
2 answers

CSS fluid grids across browsers

I'm creating a grid system for a bunch of our own apps / portals. We have the basic grid width and gutter, etc in place; but we are considering making the grids a little responsive. Considering that, we wanted to make an elastic grid system. While,…
hashpipe
  • 305
  • 3
  • 16
0
votes
1 answer

Vertically align image in 960.gs div?

I am using 960.gs, and want to vertically align an IMG. My sense is that the IMG within the first DIV of grid_3 has no idea as to the height of the rest of the row (the div of grid_6 suffix_3). The image hugs the top... Some constraints: I may not…
Daniel Smith
  • 535
  • 1
  • 5
  • 10
0
votes
1 answer

Flexible full width backgrounds with HTML,CSS and 960.gs

I'm working on the front end build of a set of HTML templates with a tricky element in the design. As you'll see from the screengrab the main navigation is a vertical list which will contain nested lists of links where child pages and sections…
Steph
  • 635
  • 7
  • 22
0
votes
2 answers

jQuery, 960.gs - Apply 'alpha' and 'omega' classes to every 1st and 4th div

I am creating a layout using the 960 grid system and have div items that are displayed automatically. I need to be able to apply an 'alpha' class to the first and 'omega' class to the fourth e.g.…
areid
  • 283
  • 2
  • 5
  • 14
0
votes
1 answer

IE7 z-index / 960gs multi-level menu "disappearing" bug

Another week, another problem. I've read all the blogs, and have searched for hours on here, but have not found a working fix. Here is the site in question: http://www.opexsvs.com/ (I'd post the code here, but it is quite long and probably has…
hatfieldajoshua
  • 307
  • 1
  • 4
  • 15
0
votes
1 answer

does 960-gs auto clear floats?

Does the 960-plugin in compass auto-clear floats? I would assume so, but I'm having trouble with my layout right now, so I am guessing I have to explicitly clear it using the compass clear mixin?
corroded
  • 21,406
  • 19
  • 83
  • 132
0
votes
2 answers

where is 960-fluid-rtl.css?

I configure Drupal Omega theme to be fluid and rtl, but 960 GS dose not support rtl layout in fluid mod. where can I find 960-fluid-rtl.css?
Mohammad Ali Akbari
  • 10,345
  • 11
  • 44
  • 62
0
votes
5 answers

When using grid 960, can I still have a 100% width header section?

I want to use a grid system, like say grid 960. But I want the top header of the website to be 100%, is this still possible?
Blankman
  • 259,732
  • 324
  • 769
  • 1,199
0
votes
1 answer

960gs different classes on teasers posts

I'm having hard time trying to use teasers post in my wordpress theme (based on 960gs), as you can see here http://img17.imageshack.us/img17/794/schermata20110420a15045.png what I got till now is one "featured" post and three teasers post with…
Antonio
  • 3
  • 1
0
votes
1 answer

help with 960 grid and jquery

Doing this as a class group project, I'm doing the front end while other members are doing the backend. I'm using the 24 columns 960 grid system, to try and position everything. It is my first time really doing a project using CSS and the 960 grid…
sng
  • 129
  • 1
  • 2
  • 12
0
votes
3 answers

360 grid -- Finish out row with odd number of records

I'm trying to accomplish this, with the 360 grid system: https://i.stack.imgur.com/gL8lk.jpg From a database i'm getting products which will be displayed in lines with 4 on each. It's working perfectly if there is exactly 4 products under each…
Crave
  • 175
  • 3
  • 14
0
votes
2 answers

CSS Styling In A 12 Column Grid

Hey guys, I need a little help on the site I'm working on . I'm trying to move the two images so they are side by side to the right of the navigation menu, like this. I've tried using floats on the divs responsible for the pictures and the list…
moonkin
  • 3
  • 1
1 2 3
…
19 20