Browser window width pixel shift in align / offset

Poster: Ptolami
Dated: Sunday November 4 2007 - 23:02:38 GMT

Hi all,

Have got my milonic menu to NEARLY exactly where I want it.
I have just one problem. I am using a horizontal menu with vertical dropdowns.
When the browser window is resized horizontally or when a vertical scrollbar comes into play, my top menu becomes un-aligned from the dropdowns.
This is only ever by 1 pixel but is noticable and not acceptable.

I know this is due to the menu being positioned relatively (centered on the horizontal). I think the positioning is struggling with half pixels when the window is of a pixel width that is odd. A single pixel shift in itself would be ok, if the top menu buttons and the sub menus remained aligned, however they do not. It is actually the top menu that shifts rather than the subs.

Pics below for illustration.

I'm running this in firefox (1.5) as the primary browser.

Any clues anyone.

Cheers. Ptol

Re: Browser window width pixel shift in align / offset

Poster: Ruth
Dated: Monday November 5 2007 - 4:59:32 GMT

Hi,

I need to see the page. Can you post it so I can get it and test things?

Ruth

Re: Browser window width pixel shift in align / offset

Poster: Ptolami
Dated: Monday November 5 2007 - 9:28:50 GMT

Thanks Ruth,

I thought/hoped you might be the one to answer.

Test page is here.

http://triz.co.uk/test/

Let me know if you need to see any of the code.

Ptol

Re: Browser window width pixel shift in align / offset

Poster: John
Dated: Monday November 5 2007 - 13:58:40 GMT

One suggestion would be to try updating FF. 1.5 is way down-level (2.0.0.9 is current).

Re: Browser window width pixel shift in align / offset

Poster: Ruth
Dated: Tuesday November 6 2007 - 8:14:29 GMT

Hi Ptol,

I think it's a table issue when you lessen the horizontal width of the screen the table is shifting a bit. Since my resolution is 800x600 I don't see a shift because it's already there with a scroll bar at the bottom. I don't know if you could add a row to the top of that menu table and put a transparent image height 1px and width you'd have to test to see what width prevents that table from doing the shift.

I'll play around and see what I can figure out.

Ruth