WordPress.org

Ready to get started?Download WordPress

Forums

Moving Pixels (11 posts)

  1. lawtai
    Member
    Posted 9 years ago #

    http://www.taibros.net/gemini.php

    Does anyone know why on my screen, the horizontal nav bar looks flush along the border, but on other screens it looks to be 2 pixels too high? Does anyone have a fix for this?

    In IE and FF it looks good on my screen, but other ppl it looks off in both.

  2. Mark (podz)
    Support Maven
    Posted 9 years ago #

    I've looked and see no problems
    1024*768, FF1.0.1, IE6, WinXP

  3. lawtai
    Member
    Posted 9 years ago #

    haha yea, some people see it flush, others don't. I've been asking ppl to take a look and on some computer it'll be 2 pixels too high, and others will see it flush. really weird cause it doesn't seem to be a browser difference, but a computer difference.

  4. lawtai
    Member
    Posted 9 years ago #

    anyone have any ideas as to why this happens?

  5. lawtai
    Member
    Posted 9 years ago #

    this is waht i'm talkign about.

    http://www.taibros.net/images/pix.JPG

    it looks like this on my computer, yet on other computers it looks normal in both FF and IE. If you want to see it in action yourself, I've moved it over to my main page. http://www.taibros.net

  6. Yngwin
    Member
    Posted 9 years ago #

    I think this has to do with what you set your default font-size to. Gecko's 1-px rounding error could be involved as well.

    I noticed that resizing throws the menu completely out of alignment. You should consider another method.

  7. lawtai
    Member
    Posted 9 years ago #

    oh hmm, didn't know about that error. Do you or anyone else know of a good way I can keep the menu fixed inside the header? I'm using px instead of em so that it stays fixed for IE but I don't know of a way to keep it fixed for FF.

  8. Yngwin
    Member
    Posted 9 years ago #

    try adding position:relative to #masthead and to ul#hnavlist this:
    position: absolute;
    bottom: 0;
    margin: 0 35px 3px 35px;

  9. lawtai
    Member
    Posted 9 years ago #

    thanks for the code! it looks normal on my screen now in both FF and IE. The question is though if it looks normal on other computers...

  10. lawtai
    Member
    Posted 9 years ago #

    heh, I checked with some people including using browsercam.com and on my screen it looks flush, but will be 2 pixels too high on other computers. And on other computers, it's the same in IE and FF, just like it's the same on my computer for IE and FF. Either both are off 2 pixels or both are flush. Any reason for this?

  11. lawtai
    Member
    Posted 9 years ago #

    heh actually i played around with it and yngwin you had the code correct. It now looks the same on FF and IE on all computers. Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.