Support » Fixing WordPress » Firefox display issue (different than the php issue)

  • bndooley

    (@bndooley)


    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Chris_K

    (@handysolo)

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

    bndooley

    (@bndooley)

    Crap. Sorry. it’s at:

    http://www.oldcrankybrewers.com/blog

    Chris_K

    (@handysolo)

    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).

    bndooley

    (@bndooley)

    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.

    Doodlebee

    (@doodlebee)

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Firefox display issue (different than the php issue)’ is closed to new replies.