WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] content/sidebar won't center (4 posts)

  1. tom1313
    Member
    Posted 5 years ago #

    First 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 :)

    site:

    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;
    }

  2. tom1313
    Member
    Posted 5 years ago #

    sorry.. I dk why it didn't post- but the site is

    robleatham.com/blog

  3. maisteriharju
    Member
    Posted 5 years ago #

    Hi,

    I corrected your code. You can find example from here:
    http://www.kolumbus.fi/tuomas.harju/blog.zip

    You should check the theme files (header.php, index.php and so on) and the css. Copy the necessary codes from html to the theme files and use the css-file inside the zip. Also check the codes I took away. I took away some unnecessary codes from there. In header.php just use basic <center> for the logo image.

    I hope this helps.

    - Tuomas

  4. tom1313
    Member
    Posted 5 years ago #

    Thank you so much. I have a bit of tweeking to do, but that worked like a charm. Many thanks :)

Topic Closed

This topic has been closed to new replies.

About this Topic