Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

row wont line up

Posted on 2013-05-20
4
Medium Priority
?
304 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
ID: 39181127
Well, what about posting the CSS code as well? :-)
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39181789
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
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

0
 

Author Closing Comment

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

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

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
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

876 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