[thelist] CSS Layout question
Maximillian Schwanekamp
anaxamaxan at neptunewebworks.com
Wed Mar 24 03:37:59 CST 2004
Hello List,
I beg your help. I'm working on a blog site using a simple two column
layout, left column for nav links, right column for content. I would like
to make the content column always be at least as tall as the nav column.
Presently, that is not the case. I am still new to CSS, so I bet this is a
stupid question... Any help would be most appreciated!!
Page URL:
http://www.politicalmusings.net
Stylesheet URL:
http://www.politicalmusings.net/wp-layout.css - kinda messy yet, haven't
cleaned up the rules
Most relevant rules code:
/*
div#menu is left column, div#content is right column, both wrapped in
div#container
*/
div#container {
border: none;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background-color: #323896;
width: 791px;
voice-family: "\"}\"";
voice-family:inherit;
width: 771px;
}
body>div#container {
width: 771px;
}
div#banner {
padding: 0;
margin-bottom: 0px;
background-color: #323896;
position: relative;
color: white;
font-size: 0.9em;
z-index: 999;
}
div#timestamp {
position: absolute;
top: 5px;
right: 5px;
font-size: 0.8em;
}
div#slogan {
position: absolute;
top: 127px;
left: 0px;
}
div#content {
padding: 8px;
background-color: white;
border: 5px solid #323896;
border-width: 0 5px 5px 0;
text-align: left;
line-height: 1.3em;
letter-spacing: normal;
margin-left: 210px;
voice-family: "\"}\"";
voice-family:inherit;
margin-left: 195px;
}
div#container>div#content {
margin-left: 195px;
}
div#content p {
margin: 0.3em 1em 1em 2em;
}
div#content p+p {
text-indent: 2em;
}
div#menu {
float: left;
margin: 30px 0 0 0;
padding: 0 0 30px;
background-color: #323896;
text-align: center;
width: 200px;
voice-family: "\"}\"";
voice-family:inherit;
width: 190px;
}
div#container>div#menu {
width: 190px;
}
div#footer {
clear: both;
padding: 0;
margin: 0px;
background-color: #c0c0c0;
color: white;
line-height: 150%;
font-size: 1em;
}
Maximillian Von Schwanekamp
More information about the thelist
mailing list