row wont line up

Posted on 2013-05-20
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
  • 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Change color of modular 8 22
How can I echo a PHP variable in AJAX function? 7 35
Put shading on half of picture 8 26
Not seen Link button 5 15
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

895 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now