tom1313First off, I'm not very fluent in xhtml or any languages... so forgive any mistakes.
I've been tryng or a few days now to get my page centered. No matter what I do, the content is either aligned left or right. I wouldn't mind to much, except that when the browser window is too small, it forces the sidebars to format under the content.. which is no good. Like I said, I have been trying for a while, and have browsed the forums quite a bit... and I am just stumped. Any help would be very appreciated, as I am making this blog for my dad. Thanks :)
and here is some code to munch on...
--top format stuff--
* {
font-family: "Trebuchet MS";
color: #fff;
outline: 0;
padding: 0;
margin: 0;
border: 0 none;
text-decoration: none;
white-space: normal;
vertical-align: center;
}
html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}
/***************************************************/
body {
background: #444 url(images/bg.gif) repeat-x top;
text-align: center;
}
#container {
width: 980px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#header {
width: 980px;
height: 173px;
padding-top: 30px;
background: url("http://robleatham.com/images/Rob%20Leatham%20pro%20shooter%20logo.gif") no-repeat center;
background-position: 50% 70%;
border-bottom: 5px solid #555;
--content stuff--
#column {
float: left;
width: 535px;
border-right: 5px solid #555;
margin-right: auto;
background: #333;
}
.post {
margin-top: 10px;
}
.post a {
color: #bfef00;
}
.post a:hover {
color: #ffbe00;
}
.post-top {
width: 540px;
height: 10px;
}
.post-bottom {
width: 540px;
height: 10px;
}
.entry {
background: #444;
}
.entry h2 {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
line-height: 1.3em;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
}
.entry h2 a {
line-height: 1.3em;
font-size: 20px;
letter-spacing: -1px;
color: #feffa2;
}
.entry .date {
display: block;
margin-left: 15px;
margin-right: 15px;
color: #ddd;
padding-bottom: 5px;
font-size: 0.7em;
line-height: 1.3em;
}
maisteriharju