Zen Sub Theme - CSS Help
Hello All
Here's a website I've being playing around with, trying out my Drupal Skills: http://www.jbmjk.com/
It has my Zen sub-theme enabled with my own CSS attached. I can't work out why it won't put a space between my navigation bar and my content region. I have margins specified in my stylesheet.
I'm also assuming that my main content is pushed over to the right because of the drupal sidebar and admin menu but don't know why my navigation is not lined up with my header for example.
If you can give me any pointers in the right direction that would be great. I have copied the Stylesheet that I'm using for my enabled sub theme below.
Ideally I'd like to have my header, navigation, content and footer all lined up and then the Drupal sidebar off to the left. This is what actually happens with just my stylesheet on a non Drupal site. There are so many different associated Stylesheets to a Zen sub-theme though If you can give me any pointers in the right direction as to which sheet properties to change and why that would be greatly appreciated.
Many Thanks
jayabee3
#container {
margin: 10px auto 0px auto;
width: 895px;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
background-color: #EEEEEE;
padding: 0px;
margin: 0px;
}
#navigation ul {
padding: 0px;
list-style-type: none;
width: 100%;
display: block;
margin: 0px;
}
#navigation li {
display:block;
margin: 0px;
border: 1px solid #FFFFFF;
}
#navigation a {
color: #000000
text-decoation: none;
display: block;
padding: 5px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
#navigation ul a:hover {
color: #FFFFFF;
text-decoration:none;
border: 1px solid #808080;
background-color: #808080;
}
#content {
border: 1px solid #808080;
padding: 10px;
margin: 10px auto 10px 10px;
width: 711px;
float: left;
background-color: #FFFFFF;
}
#footer {
padding-top: 0px;
border: 1px solid #808080;
background-color: #FFFFFF;
width: 698;
clear: both;
text-align: left;
}
#header {
border: 1px solid #808080;
text-align: center;
width: 698px;
background-color: #FFFFFF;
}
#navigation {
border: 1px solid #808080;
background-color: #FFFFFF;
position: relative;
float: none;
width: 698px;
margin-top: 10px;
margin-bottom: 10px;
}

Drupal for Dummies
Recent comments
9 weeks 1 day ago
45 weeks 1 day ago
1 year 4 days ago
1 year 2 weeks ago
1 year 2 weeks ago
1 year 2 weeks ago
1 year 4 weeks ago
1 year 9 weeks ago
1 year 9 weeks ago
1 year 10 weeks ago