CSS problem I reckon

askantik · Jun 13, 2006

Hey,

I made a little menu on my page, and positioned it using the "padding" option. Well, when I gave it top-padding, it moved my content down. Here's the link.

I just want my header (at the moment, it's "Car Bombs Rock Iraq") to be on the same line as the top part of the menu. Any ideas?

Thanks,
Cody

Raits · Jun 14, 2006

Ok, made a few changes and it works for me. Not sure if i got the margins right but you can tune them yourself to your needs. Added the following to the css file:
Code:
.sidenav{
float: right;
margin-right: 40px;
margin-top: 27px;
}
Also changed this:
Code:
.sidenav ul {
list-style-type: none;
width: 110px;
margin: 0;
padding: 200px 0 0 450px;
}	
To this:
Code:
.sidenav ul {
list-style-type: none;
width: 110px;
}	
And in your html i changed the top part a little( from the body to the content div ):
Code:
<body>
<div id="container">
<div id="header" style="width: 630px; height: 327px">&nbsp;</div>
<div class="sidenav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Our Products</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<h2>&nbsp;</h2>
<div id="content">
Not sure why you kept the menu in the header div if you wanted it to be next to the content div. Only tested it with IE at the moment, but it should work with all of them. Hope this helps.

Log in or Sign up

CSS problem I reckon

askantik Sergeant

Attached Files:

CG_SS.gif

Raits Private E-2