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

960 Grid - Remove the spacing of margin-left and margin-right

I learn 960 Grid CSS Framework, and I have a HTML code and CSS below: - HTML code: @import url( 'css/reset.css' ); @import url( 'css/text.css' ); @import url( 'css/960.css' ); #wrapper { width: 100%; } #wp_head, #wp_foot { …
Duc Phuoc Lai
  • 59
  • 1
  • 12
1
vote
0 answers

Unexpected 960.gs framework behavior

This is my first post on stackoverflow; please let me know if this question is poorly posed. I am new to html/css and am experimenting with 960 gs stylesheets. What follows is the html code I'm confused about: …
amore926
  • 11
  • 1
1
vote
0 answers

960.gs Issue Space between GRID_6 divs to be reduced

I have this code. /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is…
vik1245
  • 546
  • 2
  • 9
  • 26
1
vote
1 answer

How to apply a given width/margin in singularity.gs?

I am using singularity.gs (Drupal 7/Omega 4), and I want to stack my content in columns. In 960gs, you just add grid-4 to the element, and it spans 4 columns with appropriate margins (more or less). To make a 12-column grid with sigularity.gs I've…
Dalmaz
  • 123
  • 5
1
vote
3 answers

CSS Height Set Dynamically

So I'm inspecting this site: http://www.grittirollo.it/ and it appears that the content that slides out has a fixed height. Is there no way to set this dynamically?
Ellis
  • 11
  • 1
1
vote
1 answer

Jquery Tooltip mousemove event not following mouse to all Divs

So in a previous question I couldn't get the Jquery Mousemove feature to work on these tooltips for these divs within a 14 column 960 grid system I have. Now they work to some degree. They will only follow my mouse to like the 7th or 8th column…
user3192569
  • 21
  • 1
  • 7
1
vote
1 answer

How can I reduce the number of loops to a single helper function?

Context: The platform we are developing on forces the use of a modified version of the 960gs which we have the freedom to easily override (similar to the way child themes work in wordpress). We switched to LESS about a year back with the intent to…
Richard Bailey
  • 23
  • 7
1
vote
2 answers

How do I make the left and right gutters different colors with 960.gs?

How do I make the left and right gutters different colors with 960.gs? When I try something simple like:
test
Andrew Arrow
  • 4,248
  • 9
  • 53
  • 80
1
vote
3 answers

html vertical space between blocks appears

Please have a look at this page www.pixeli.ca/issue. I have begun making a page layout using CSS framework 960.gs. My problem is that there is some strange space appears between block with top image and blue block with "hello" string. So you can see…
Sergei Basharov
  • 51,276
  • 73
  • 200
  • 335
1
vote
1 answer

How to repeat a grid row?

How do i repeat this, somehow the clear doesn't make the layout under eachother ??
alex
  • 4,804
  • 14
  • 51
  • 86
1
vote
2 answers

Fluid 960: Weird Alpha/Omega behavior

I'm using Fluid 960 at the moment, and I'm getting some weird behavior with alpha/omega. My understanding of alpha/omega is that it's used to fix left/right margins in nested grids. However, when I apply alpha/omega to a pair of nested grids, the…
jameszhao00
  • 7,213
  • 15
  • 62
  • 112
1
vote
2 answers

CSS 100% div height with 960 grid

I have been banging my head against the wall trying to figure out this problem and I have looked high and low for the answer and came up with similar results. Synopsis The problem is that I am building a website using the 960 grid and have three…
Sethen
  • 11,140
  • 6
  • 34
  • 65
1
vote
3 answers

have a width larger than 960px with 960?

if i use the custom css generator on their webpage i can have a wider width than 960? so isnt the name 960 kind of misleading? and some persons say that you cant have a flexible grid system (that changes with your browser size) with 960. but you can…
ajsie
  • 77,632
  • 106
  • 276
  • 381
1
vote
2 answers

Wordpress – applying a class to the first and last post of each row

I'm building a WordPress theme using the 960 grid system. I've got a startpage that displays three thumbnails on each row. These thumbnails are in a child grid with parent wrapper. So, I need to wrap the first post of each row with a class called…
Niklas
  • 69
  • 1
  • 7
1
vote
1 answer

960: help with not fixed size column

i want to have 5 divs (2 rows). header leftbar - content - rightbar - ad columns ( google adsense) but i want the content to be resizable. it will adjust to the webbrowsers size but not undergo a certain width eg 600 px, while leftbar, rightbar and…
ajsie
  • 77,632
  • 106
  • 276
  • 381
1 2 3
…
19 20