Chad 0

I'm new to grid960. I have a simple layout that seems to work most of the time. However sometimes the right 4 unit wide div (black) wraps over to the far left and displays below the end of the 12 unit div(white).

I feel i'm missing something basic to layouts with grid960. Below my basic layout:

    <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
    <div class="container_16" style="background-color:White;">
            <div class="grid_12 a">
                    main form content...  
            <div class="grid_4 omega c" style="background-color:Black;">
                    side banner content...
  • You'll need to post an actual page if you want anyone to debug it for you. Nathan Duran over 9 years ago

2 answers


first of all, you can drop the omega class. you only need that if you're nesting columns inside of other grid columns; you don't need it for immediate children of the container. for example: if you put 2 more divs inside of the 'div.grid_4' that you have now, you could give each a class of grid_2 and the first one you would also add the alpha class and then add the omega class to the second one. this would remove the margins on the left and right side respectively, so they don't break outside of the width of their containing div.

what are the "a" and "c" classes for? i can't really tell what you're problem is but just consider the fact that this is a fixed-width grid and margins and padding will affect the flow of your columns so you should check around in that area of things as a start.

Answered over 9 years ago by Matt Milburn
Chad 0

I'm closing this one. I had an open div tag that was causing the problem. Didn't see this initially because the control that was adding div based on records for a database.

@Matt Thanks for the response; it's appreciated.

Answered over 9 years ago by Chad