WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help: Explorer shows problem, Firefox OK (5 posts)

  1. onion73
    Member
    Posted 8 years ago #

    Hi I am a WordPress newie and after some struggling, I have modified a theme somewhat successfully for Firefox and Safari (a Mac browser) to display my blog properly. (www.magicketchup.com/blog/) I showed the blog to my friend on a PC with Internet Explorer and it didn't look good. First, I want the blog align left but in IE it is centered. Also, the right column sidebar is flushed down to the bottom. Could anyone help me? The structure section of my style.css is below:

    /* Begin Structure */
    body {
    margin: 0;
    padding: 0;
    }

    #page {
    background-color: white;
    /* margin: 20px auto; */
    margin: 0;
    padding: 0;
    width: 770px;
    border: 1px solid #959596;
    }

    #header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background-color: #73a0c5;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 65px;
    /* padding: 0 0 20px 45px; */
    margin: 0px 0 0;
    width: 450px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }

    .post {
    margin: 0 0 40px;
    text-align: justify;
    }

    .widecolumn .post {
    margin: 0;
    }

    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }

    .widecolumn .postmetadata {
    margin: 30px 0;
    }

    #footer {
    padding: 0 0 0 1px;
    margin: 0 auto;
    width: 760px;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
    /* End Structure */

    Thanks...

  2. estjohn
    Member
    Posted 8 years ago #

  3. onion73
    Member
    Posted 8 years ago #

    Hi, I removed the picture and the right column returned to normal now. Thanks

    But, how do you set the whole blog align left? In IE it's still centered.

  4. estjohn
    Member
    Posted 8 years ago #

    you would have to find your main table or cell and align that

  5. onion73
    Member
    Posted 8 years ago #

    I solved the problem by modifying style.css. I changed text-align: center; to left for the "body" declaration and the whole page now aligns left.

Topic Closed

This topic has been closed to new replies.

About this Topic