WordPress.org

Ready to get started?Download WordPress

Forums

Firefox display issue (different than the php issue) (6 posts)

  1. bndooley
    Member
    Posted 8 years ago #

    I have encountered an odd problem with my template in firefox. I recently moved over from blogger, where it worked in IE, Firefox, and Safari.

    Now that I'm on wordpress, however, my template refuses to center in firefox. Automargin is set, but firefox ignores it. The css seems to be fine, and now I'm wondering if it isn't an issue with wordpress.

    I've had a couple of other people look at it, and we can't figure out what the problem is. Any help would be greatly appreciated.

    The page is:

    http://www.oldcrankybrewers.com

    I modified the default theme. Here is the relevant css:

    /body {
    background:#fff;
    width:100%;
    font:x-small trebuchet,Verdana,Sans-serif;
    color:#fff;
    font-size/* */:/**/small;
    font-size: /**/small;
    }

    /* Page Structure
    ----------------------------------------------- */
    #wrapper{
    background:#fff;
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    color: "red";
    }

    @media all {
    #leftcolumn {
    background:#000;
    width: 890px;
    text-align:center;
    float:left;
    color:#fff;
    margin-top:-50px;
    }

    #navbar {
    background:#000;
    width:176px;
    float:left;
    color:#fff;
    border-left:thin solid black;
    }

    #main{
    background:#fff url("http://i68.photobucket.com/albums/i8/bndooley/crankyright1.png") no-repeat left top;
    width:523px;
    float:left;
    color:#000;
    overflow:hidden;
    }

    #content{
    background:#fff;
    color:#000;
    width:420px;
    float:left;
    text-align:left;
    padding-left: 40px;
    }
    }

    #sidebar {
    background:#000;
    width:170px;
    color:#369;
    font-size:95%;
    text-align:left;
    float:left;
    overflow:hidden;
    }

    @media handheld {
    #main {
    width:100%;
    float:none;
    }
    #sidebar {
    width:100%;
    float:none;
    }
    }

    #sidebar2 {
    margin:0;
    padding:2px 0px 0 30px;
    }
    /
    Thanks in advance for any help

  2. Chris_K
    Member
    Posted 8 years ago #

    site down or gone? I just get the hosting welcome page.

  3. bndooley
    Member
    Posted 8 years ago #

    Crap. Sorry. it's at:

    http://www.oldcrankybrewers.com/blog

  4. Chris_K
    Member
    Posted 8 years ago #

    Interesting (cool blog too).

    I think I'd suggest starting by doing some cleanup/validation work. Here's your validation
    results. (yeah, I'm totally grasping. hopefully someone will have a better idea. But IE does seem to be much more forgiving of such things. sometimes).

  5. bndooley
    Member
    Posted 8 years ago #

    Thanks. I had it more or less validated, except for one alt tag, which I intentionally left blank, and now the errors seem to have spawned. Very strange indeed.

  6. Doodlebee
    Member
    Posted 8 years ago #

    I found when I changed this:

    body {
    background:#fff;
    width:100%;
    font:x-small trebuchet,Verdana,Sans-serif;
    color:#fff;
    font-size/* */:/**/small;
    font-size: /**/small;
    }

    to this:

    body {
    background:#fff;
    width:100%;
    font:x-small trebuchet,Verdana,Sans-serif;
    color:#fff;
    text-align:center;
    }

    It centered your content (although I agree - I see lots of other stuff in there I'd change!). HTH!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags