Solved

row wont line up

Posted on 2013-05-20
4
293 Views
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" />
</head>

<body>
<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>

<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

0
Comment
Question by:jagguy
  • 2
4 Comments
 
LVL 10

Expert Comment

by:ienaxxx
Comment Utility
Well, what about posting the CSS code as well? :-)
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
This is pretty much just a waste of time without a link so we can see what you are talking about.

Cd&
0
 

Accepted Solution

by:
jagguy earned 0 total points
Comment Utility
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

0
 

Author Closing Comment

by:jagguy
Comment Utility
I made a mistake and fixed it from last post
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
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 google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

763 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

7 Experts available now in Live!

Get 1:1 Help Now