Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


row wont line up

Posted on 2013-05-20
Medium Priority
Last Modified: 2013-05-25
Hi ,
My grid 960 doesnt line up as it should.
The what's new and main contents in different row dont line up in same row?

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/text.css" rel="stylesheet" type="text/css" />
<link href="css/960.css" rel="stylesheet" type="text/css" />

<div class="container_12" id="container">
<div class="grid_8" id="header" >
Content for  class "grid_8" id "header" Goes Here</div>
<div class="clear"></div>

<div class="verticalSeparation">
<div class="grid_2">Home</div>
<div class="grid_2">about me</div>
<div class="grid_2">whats new</div>
<div class="grid_2">two</div>
<div class="grid_2">three</div>
<div class="grid_2">four</div>
<div class="clear"></div>


<div class="grid_4">side contents</div>
<div class="grid_0" id="content" >main contents go here</div>
<div class="clear"></div>

Open in new window

Question by:jagguy
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
LVL 10

Expert Comment

ID: 39181127
Well, what about posting the CSS code as well? :-)
LVL 53

Expert Comment

ID: 39181789
This is pretty much just a waste of time without a link so we can see what you are talking about.


Accepted Solution

jagguy earned 0 total points
ID: 39182914
The css code isnt mine, it id the defaults from 960 grid download.
I havent touched the css code.

<div class="grid_0" id="content" //// if this is changed to grid_8 then it lines up.
I made a mistake with grid_0

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/text.css" rel="stylesheet" type="text/css" />
<link href="css/960.css" rel="stylesheet" type="text/css" />
<link href="css/demo.css" rel="stylesheet" type="text/css" />

Open in new window


Author Closing Comment

ID: 39196316
I made a mistake and fixed it from last post

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question