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

Blank space on right side of layout

Just finished building a site for my company at http://awesome.redfishbluefishmedia.com, and I'm noticing a strange issue. ONLY when your browser starts out about 1000px wide, I'm seeing blank space on the right side of the page (this is an issue…
Jon Schroeder
  • 307
  • 3
  • 8
1
vote
1 answer

960 Grid Alignment Issue

Im having trouble when it comes to the 960 grid. the code below depicts the layout that i want to use, i.e. 6 containers evenly spread.
…
scriptmonkey
  • 850
  • 2
  • 7
  • 14
1
vote
2 answers

Using skeleton with 24 column grid sytem

I have a photoshop mockup of a website built with the 960gs with 24 columns. I also want it to be responsive with the skeleton boilerplate http://www.getskeleton.com/ Since my design is 24 column based and skeleton supports 16 columns, is there a…
marchello
  • 2,016
  • 3
  • 29
  • 39
1
vote
1 answer

960gs issue on columns

I want to make a page like this in 960 gs 12 col I wrote html:
Mazhar Ahmed
  • 1,523
  • 2
  • 24
  • 41
0
votes
1 answer

can I use sprite image in 960 grid system?

can I use sprite image in 960 grid system? if yes then how to manage the width of a particular sprite image with the grid width. anybody can help me for the above problem?
Tapas Chandra
  • 69
  • 2
  • 6
0
votes
3 answers

How do I set the height of a div nested inside a float to be relative to window height?

I'm trying to build the simple layout that I have got in the image below. (1),(2) and (3) are required content panes - (4) I'm not sure if I need for positioning. My main problem is that the height of (1) needs to be set relatively to be 75% of…
Taneem Tee
  • 517
  • 3
  • 8
0
votes
1 answer

960 grid and compass

I'm new to using compass/sass and I've installed a 960 plugin. So far so good. The only thing is I'm using the more recent .scss syntax and when I try to set my container by: .container { +grid-container; } I am getting a compile error…
redconservatory
  • 21,438
  • 40
  • 120
  • 189
0
votes
1 answer

Good 960.gs plugins for Firefox?

I am using 960.gs for designing website layouts. I could not able to find a good 960.gs Firefox plugin. What are the good 960.gs Firefox plugins available?
Sachindra
  • 2,052
  • 4
  • 23
  • 29
0
votes
3 answers

issue with fixed center footer using 960gs in IE and firefox

I am having issue trying to align my fixed footer in IE and FF. Chrome seems to render the page fine! Here is what I get in Chrome: The footer appears in the correct position. Here is what I get in IE and FF. The alignment of the footer goes…
Abdel Raoof Olakara
  • 19,223
  • 11
  • 88
  • 133
0
votes
1 answer

position: absolute pushes content to right in Opera/FF/IE but not with Webkit browsers

I'm using 960gs to layout the page with a standard one column centred layout, header then nav then content then footer. The #nav has vertical lists inside. If the client has javascript enabled then the lists (using JQuery) are set to pop down on…
ian
  • 12,003
  • 9
  • 51
  • 107
0
votes
1 answer

How do I get fluid body content like Google zeitgeist 2011?

My Website: http://designobvio.us/portfolio/index.html Aspiring Website Layout: http://www.googlezeitgeist.com/en/top-searches/rebecca_black I've just finished my navigation bar which is fixed positioned. Now it's time to move on to the center…
Armeen Moon
  • 18,061
  • 35
  • 120
  • 233
0
votes
3 answers

960 grid css/html allign right

I am trying to use the 960 grid CSS templates, and I am having trouble alligning the banner and a form inline properly. In my html, I have:
0
votes
1 answer

Getting 960.gs to work in IE6 - Please assist

I'm using the 960.gs grid system to style a website. It appears fine in all the major browsers, except in IE6, I see other sites using the 960.gs perfectly well and it displaying fine in IE6 and wanted to know what I need to tweak to appear…
user1136121
0
votes
3 answers

Can CSS frameworks (ie: 960gs or Blueprintcss) be used without margins?

I don't see the point of using either http://960.gs or http://blueprintcss.org if they enforce margins other than for pretty magazine layouts/marketing-esq brochures. Is there a way I can use these to meet certain design requirements such as a…
Zombies
  • 25,039
  • 43
  • 140
  • 225
0
votes
1 answer

960 grid system with sidebar?

I've prepared this lovely little image: This is essentially what I need to achieve. Im using the 960 Grid System Is it even possible? Ive tried this:
AlexMorley-Finch
  • 6,785
  • 15
  • 68
  • 103
1 2 3
…
19 20