How to make custom CSS grid framework for custom widths? In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915px, 973 px etc. and different gutter sizes like 10 px on right, 20 px on left etc. in this type of condition how can i use and take benefir of grid based framework ...
I've got a full layout designed using 960.gs and am wanting to use it in a ASP.net website but i'm getting warnings such as: "Warning File 'css/Reset.css' was not found." "Warning File 'css/Text.css' was not found." "Warning File 'css/960.css' was not found." "Warning File 'css/Base.css' was not found." I've...
I have a header set up like this: <div id="header"> <div class="container_16"> <div class="grid_4"><img src="content/images/logo-beta.png" /></div> <div class="grid_5 push_1"> <ul id="navigation"> <li><a class="header-link" href="#">About</a><span class="sub-navigation"><a class="sub-link" href="#">Info</a...
I'm trying to implement a design I created in photoshop. I want to use the 16 column 960 GS, but the problem is that I only want the content bound by the 960 width. I have backgrounds for 4 seperate areas. Header, the content area, a top footer that is links, and the bottom footer with the copyright in it. The top half of the page wo...
Hi all, I'm really really new to HTML/CSS, but somehow decided to plunge head on to using 960 Grid System, which I found helpful. I know some says it's unsemantic, but I've been involved and at the end, tangled in the problem stated above. I've tried a few codes like overflow: hidden, overflow: auto, display: block, etc that I found on o...
Hi How do i repeat this, somehow the clear doesn't make the layout under eachother ?? <div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div> <div class="clear" style="height:20px"></div> <div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div> <div class="clear" style="height...
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 ...
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 a green stripe there that shouldn't be visible at all. I tried different variants and hav...
I'm using 960.gs layout and when I add the suckerfish menu as part of the content to one of the grids, the contents of adjacent siblings bleed through the menu in all versions of IE. In the listed html below, the text from 'belowFoldSection' will appear through the menu when it is visible and has enough items to make it span over 2nd se...
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...
It just makes me go mad. I can't realize what the problem is. Please have a look at the pixeli.ca/glass. There is a home page that looks good - white background of the main content and looks good. But all the other pages don't have white background so they look not the way they should look. All the pages have the same style sheet and the...
Using 960.gs, I have a page which is a login screen which uses a div for the login form with a background image. This div is displayed below a header which pushes it down to the middle of the browser window. In the CSS I am setting the body colour: body { background-color: #594c34; margin: 0; padding: 0; font-family: "Ar...
I want to create fixed footer but , is it possible with 960 gs , because I am having trouble with height of container div . I can no set it to %100. <div class="container_12" > <div class="grid_3" id="side-space"></div> <div class="grid_6"> <div id="content-box"></div> </div> <div class="grid_3" id="side-space"...
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'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"> ...
Hi there, I have completed designing the template in photoshop. now i want to convert it into html although i am very well aware of all the html, css javascript elements i use firebug too , i have converted many templates till date. my codes does not comprise of the quality it needs. when i download any templates from some premium sites...
Hi All, I have created a custom theme using Zen nineSixty (960 Grid system) in drupal and it works and looks great on all major browsers. I was just wondering if anyone could let me know if I need to do anything else to get this theme working on iPhone or is it auto compatible. Many of our potential clients use iPhone so was wanted to c...
Hi, I'd like to use a grid framework (e.g. blueprint/960.gs/...) with LESS(.js) but it looks there's some issues when you decide to go that way: For example with blueprint: The ie hacks stylesheet prevents to use the container/span-X classes as mixins given that the mixed-in classes will not appear in the html elements. for example pu...