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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Html test in IIS 4 20
Applications / Web Apps that enable highlighting text on Web Pages 3 24 mvc5 6 14
Jquery 2 9
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

786 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