WordPress.org

Ready to get started?Download WordPress

Forums

Odd Browser Compatability...Sidebar and Header (9 posts)

  1. seancoopergmailcom
    Member
    Posted 7 years ago #

    http://www.meandmynikon.com

    (1) I changed the Header text size to 0 in the style sheet. This made my site look fine in Firefox, but it still displays in Safari.

    (2) Firefox won't display a seperation for my categories, posts, etc. on my side bar.

    I'm totally stumped on both of these. Any help would be greatly appreciated. Thanks!

  2. PozHonks
    Member
    Posted 7 years ago #

    (1) is wrong. I understand what you want to do, so instead of:
    #header h1{
    font-size:0;no display;
    font-weight:normal;
    margin:0 auto;
    padding-top:40px;
    padding-left:30px;
    text-align:left;
    width:700px;
    }
    ... which is not correct, the no display and the font size:0 are wrong, replace the stylesheet feature with this:

    #header h1 {display:none;}

    That's what you want, I beleive.

    About (2), I see the separation in Firefox for Mac. The code seems to be fine for me.

  3. seancoopergmailcom
    Member
    Posted 7 years ago #

    (1) After putting that new code line in for all three sections of the header, I was able to get it out of Safari. Thanks.

    For (2), I still can't get category seperation. For example, Safari displays Recent Posts, Categories, and Archive in Bold and seperates from each other. Could it be the version of Firefox I'm running (1.5.0.5)?

  4. yosemite
    Member
    Posted 7 years ago #

    I have no idea how gracefully Safari handles errors:
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.meandmynikon.com%2F

    Note that where you entered {display:none;} you need to remove other descriptions for that selector. It appears you left them there...

  5. seancoopergmailcom
    Member
    Posted 7 years ago #

    ok thanks, I'll check that out.

    I didn't want to waste another thread, so I thought this might be relevant too.

    If you check out the site, in Safari, the header img background color (330000) and the header background are the same color and appear so.

    But, if you look in Firefox the background is a different color from the image I created in photoshop. I tried to make it a different shade of red, both in the "web only" color selector, but I'm still getting different firefox colors. Any ideas?

  6. yosemite
    Member
    Posted 7 years ago #

    Check it again after fixing the orphaned properties?

    Is this on the same monitor?

  7. alprofit
    Member
    Posted 7 years ago #

    How to I post I new thread? I don't see the mechanism. Thanks

  8. yosemite
    Member
    Posted 7 years ago #

    alprofit: Pick a forum first, then scroll down and enter a post.

  9. seancoopergmailcom
    Member
    Posted 7 years ago #

    I removed all the orphan properties and still get the color issue from Safari vs. Firefox. Checked on two different monitors as well.

    here is my stylesheet for the header:

    #header{

    background:#330000 url("./images/header.png") 0 no-repeat;
    border-bottom:1px solid #c4cC91;
    height:99px;
    margin:10;
    text-align:center;
    width:100%;
    }

    #header h1 {display:none;

    }
    #header h1 {display:none;
    }
    #header p {display:none;

    }
    ---------

    Also, that validation check showed errors for the img src tag, I thought those were acceptable?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags