Browser window width pixel shift in align / offset

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
User avatar
Ptolami
Beginner
Beginner
Posts: 8
Joined: Sun Oct 14, 2007 9:52 am

Browser window width pixel shift in align / offset

Post by Ptolami »

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
Attachments
Left image shows menu offset by 4 pixels || right shows offset by 5 pixels when window is scaled in horizontal
Left image shows menu offset by 4 pixels || right shows offset by 5 pixels when window is scaled in horizontal
milonic_offset_scrollbar.jpg (103.16 KiB) Viewed 3459 times
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Browser window width pixel shift in align / offset

Post by Ruth »

Hi,

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

Ruth
User avatar
Ptolami
Beginner
Beginner
Posts: 8
Joined: Sun Oct 14, 2007 9:52 am

Re: Browser window width pixel shift in align / offset

Post by Ptolami »

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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Re: Browser window width pixel shift in align / offset

Post by John »

One suggestion would be to try updating FF. 1.5 is way down-level (2.0.0.9 is current).
John
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Browser window width pixel shift in align / offset

Post by Ruth »

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
Post Reply