Moving Pixels

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

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.

anyone have any ideas as to why this happens?

this is waht i’m talkign about.

https://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. https://www.taibros.net

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.

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.

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

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…

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?

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!