Sep 15 2009

960 Grid System

Category: — zvolkov @ 10:45

The best HTML/CSS invention since sliced bread, a simple coordinate system for web pages that elegantly solves the dreaded positioning problem:

Position and width of each div is specified using CSS classes defined in 960.css:

<div class="container_12">
    <div class="grid_7 prefix_1">
        <div class="grid_2 alpha">
            ...
        </div>
        <div class="grid_3">
            ...
        </div>
        <div class="grid_2 omega">
            ...
        </div>
    </div>
    <div class="grid_3 suffix_1">
        ...
    </div>
</div>

Links:

http://960.gs/demo.html

http://960.gs

http://www.designinfluences.com/fluid960gs - a derivative that elastically expands to the available width

 

Tags:

Comments

Comments are closed