Odd Browser Compatability…Sidebar and Header

  • https://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!

Viewing 8 replies - 1 through 8 (of 8 total)

  • (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.

    Thread Starter seancoopergmailcom

    (@seancoopergmailcom)

    (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)?

    I have no idea how gracefully Safari handles errors:
    https://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…

    Thread Starter seancoopergmailcom

    (@seancoopergmailcom)

    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?

    Check it again after fixing the orphaned properties?

    Is this on the same monitor?

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

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

    Thread Starter seancoopergmailcom

    (@seancoopergmailcom)

    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?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Odd Browser Compatability…Sidebar and Header’ is closed to new replies.

Tags