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

How to add border around image without destroying layout?

Site: is here picture html: when I add border: 2px solid black; to the image layout breaks...
easyrider
  • 701
  • 3
  • 10
  • 20
2
votes
3 answers

Header and Footer Css

I have researching on web page dimensions and i have since settled on grid 960px. However i don't understand one thing on headers and footers.Take for instance stackoverflow's header that houses the username | logout | chat | meta | about | faq and…
Gandalf
  • 1
  • 29
  • 94
  • 165
2
votes
3 answers

Remove white spacing in webpage - CSS 960.gs

I'm currently developing my portfolio website from the ground up. I've read about a CSS framework called "960.gs", I've used similar things but I've never used a CSS-pure framework before so naturally I'm a bit rusty. Anyways, here is my website. I…
Adam McKenna
  • 2,295
  • 6
  • 30
  • 41
2
votes
1 answer

960 GridSystem, three grid_4 inside one grid_12

I've created a 16 column layout with 960gs with a div class="grid_12" (main) and after that grid_4 (right) (12+4...) Inside that grid_12 I wanted a three column style (3 pcs. grid_4). But the grid_4 boxes don't fit inside the grid_12, the last box…
Olle
  • 201
  • 6
  • 17
2
votes
6 answers

CSS Frameworks like 960 and Blueprint?

This is at the framework level, not dealing directly with CSS, so posting to SO. I just learned about the existence of CSS frameworks. 960 Grid System seems pretty awesome, then I found Blueprint, which seems to do the same thing and more. Is there…
Dean J
  • 39,360
  • 16
  • 67
  • 93
2
votes
3 answers

same height of columns with 960.gs?

i've got 4 columns in one row and depending on how much information i put in each of them they will have different heights. you can see that if you put a background color on them. how do i give the other columns the height of the column with the…
ajsie
  • 77,632
  • 106
  • 276
  • 381
2
votes
1 answer

the utility of 960gs and skeleton

i've a simple question. I'm learning now webdesign, but i find very difficult having grids based on pixels; the matter is due to responsive elements. I can't just insert mediaqueries, because images, for example, have to resize for every pixel, not…
FrancescoN
  • 2,146
  • 12
  • 34
  • 45
2
votes
1 answer

Implementing an html/css framework with a master page in visual studio

I'm working on a website for a school project and I designed it in photoshop with 9 columns. To make life easier I want to use the 960 grid system (Custom for 9 columns) in order to build the design in html/css. Part of the projects requirement is…
davegri
  • 2,206
  • 2
  • 26
  • 45
2
votes
3 answers

Responsive web design: percentages / html5 boilerplate / 960gs or Foundation framework?

I have experience in building static websites by using HTML5 and CSS3 with fixed dimensions expressed in px. I use to write CSS by hand and probably that is the best way (combined with the use of SASS and Compass wich i still have to learn). Now i…
Fabio
  • 2,074
  • 2
  • 24
  • 38
2
votes
1 answer

How to separate style and html with Bootstrap and 960.gs

I started using Bootstrap and I am extremely frustrated! And I aslo use rails, so my philosophy is to organize web entities as much as possible. I am going to talk about the Bootstrap grid. Bootstrap enables us to use their classes to place our divs…
iceiceice
  • 119
  • 3
  • 11
2
votes
1 answer

Displaying Data in Columner way through Knockout.js, 960.gs

I am very newbee in Knockout.js and 960.gs. I am getiing a JSON data like following: [1, a1],[2,a2],...[12, a12] [13, b13],[14,b14]......[24,b24] I have taken a div with grid-12 structure when I bind that grid with knockout.js, it displays as…
Anirban Ghosh
  • 125
  • 2
  • 14
2
votes
2 answers

Basic CSS: Understanding 960gs base grid

So, I thought I knew my basic CSS, but my brain is twisting right now. I want to implement the 960 grid system to my website, but before I do, I want to fully understand the principle of the code. I've got two questions. Firstly, the css regulating…
user1781186
2
votes
0 answers

Cs-Cart v3 fixed/static menu

I'm trying to see how this can be done in CS-Cart v3; I want the header or what is in the "top wrapper" (for instance "my account", "cart contents" and the menu) to remain fixed. Please refer to these website for the design intent..…
user1657867
  • 21
  • 1
2
votes
1 answer

HTML5 Boilerplate or Responsive Design

I'm trying to decide how I want to streamline the design of my portfolio. Presently I'm using HTML5Boilerplate with 960 Grid System, but others have suggested to use Responsive for better mobile view points. HTML5Boilerplate does have a few…
dcd0181
  • 1,493
  • 4
  • 29
  • 52
2
votes
1 answer

CSS3 Flexbox - fails in Safari with 960grid

I got flexbox working in Firefox, but in webkit browsers the display:box div loses background. Here is the online test: http://www.angeloalpaca.railsperu.com/html/ Here is a simple example, see that the background disappears in the floated flexbox…
Ricardo Castañeda
  • 5,746
  • 6
  • 28
  • 41
1 2 3
…
19 20