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 left hand side grid has a really shallow indent while the right hand side grid has a large ...
Hello!
I am developing a website with drupal 6, and using a 960 grid system based theme.
I want to create a dynamic thumbnail gallery with Views, and using this jquery effect:
http://www.queness.com/post/590/jquery-thumbnail-with-zooming-image-and-fading-caption-tutorial
I have some experience with views, but I am by not means an exp...
Hi,
I've understood it's possible to control the horizontal (columnwise) source ordering with the 960 Grid System. However, is it possible to do something similar vertically?
If not, does anyone know of any grid system that handles source ordering vertically?
Thanks,
Jens
...
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 a better word than "framework" to categorize this?
Are there any other products in this...
How do I make the left and right gutters different colors with 960.gs? When I try something simple like:
<div style="background-color: green">
<div class="container_16">
<div class="grid_16">
test
</div>
</div>
</div>
<div style="background-color: cyan">
<div class="container_16">
<div class="grid_16">
tes...
I'm new to doing layouts with CSS (I haven't done any web design for a long long time) and I can't seem to figure out how to get the footer of the page to display at the bottom the way I want.
Requirements:
-Display at bottom of content if content exceeds vertical size of viewport
-Display at bottom of viewport if viewport exceeds verti...
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 drop into a second row.
Shouldn't the 960gs framework be able to do this layout for me, ha...
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?
...
I am trying to use the 960 grid system with header and footer graphics at the top and bottom of the page. These graphics need to go wider than the 960 grid. The header works fine - a DIV, position absolute, width 100%, and centered, does the job perfectly.
But now I want the same thing, but at the bottom of the page. I.e. aligned with t...
For example, in a 12-column grid, I want to have a 9-grid-wide and another 4-grid-wide . The divs will have an overlap 1 grid wide in the middle. This is useful for some fancy effects.
Of course I can just use one div and then create more divs inside accordingly (not using the Grid System), but is there a better way?
...
Hey people,
I'm developing a site using 960gs and I'm running into some troubles. I want to display a small (beveled) border between my columns. One way (i'm using now) is to give the main container a background-image, but this means I have to manually make images for 2, 3 or more columns. I rather set a background to the columns themse...
i want to have a grid inside a div grid like this one:
http://www.chinolatino.eu/
you can see it has an outer div grid and an inner div grid.
i wonder if this could be accomplished with 960?
thanks!
...
Hello,
I am creating a hybrid (fluid and fixed) css layout with 960.gs
I can't get the div "header-center" to fill the space on the screen when the resolution is adjusted. "header-right" sticks to the right side, and "header-left" sticks to the left.
I want the gap in between to be "filled" with "header-center".
Does anyone know how to ...
I'm thinking of using Nathan Smith's 960 Grid System for layout in the ASP.NET MVC site that I'm writing.
I've noticed that all examples of 960.gs usage show HTML that looks like this:
<div class="container_12">
<div class="grid_12">
</div>
<!-- end .grid_12 -->
<div class="clear"></div>
<div class="grid_1">
...