Congratulations!

You have generated a 504px 960.gs grid system | 12 columns ~ margin left: 1px ~ margin right: 1px

The grid result is shown below (or a full screen preview)

Follow these instructions to get started:

  1. Download the css/xhtml & template files
  2. Include the file "504_12_1_1.css" in the <head> of the HTML page.
  3. You may also use the included reset.css and text.css files, or opt to leave them out.

[ Click here for more detailed installation instructions ]

960.gs quick statistics

Total grid systems generated: 1743183

Unique grid systems generated: 26881

960.gs generator version

Version 1.04 - change history

Generated grid systems are based on the 960.gs by Nathan Smith.

960.gs tutorials

960.gs generator

 

504px valid css/xhtml 960.gs grid system

12 columns ~ margin left: 1px ~ margin right: 1px

502px

 

40px

460px

 

82px

418px

 

124px

376px

 

166px

334px

 

208px

292px

 

250px

250px

 

292px

208px

 

334px

166px

 

376px

124px

 

418px

82px

 

460px

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

40px

 

Push (40px)

Pull (460px)

 

Push (82px)

Pull (418px)

 

Push (124px)

Pull (376px)

 

Push (166px)

Pull (334px)

 

Push (208px)

Pull (292px)

 

Push (250px)

Pull (250px)

 

Push (292px)

Pull (208px)

 

Push (334px)

Pull (166px)

 

Push (376px)

Pull (124px)

 

Push (418px)

Pull (82px)

 

Push (460px)

Pull (40px)

 

This valid css/xhtml grid system is created by the Grid System Generator
Based on the 960.gs grid system.
XHTML - CSS