280337 - usac.climbing.nl - layout on MAC different then on PC

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: Dutch, defect, P4)

Description

[Gido van der Star]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.5) Gecko/20041217
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.5) Gecko/20041217

The css pulldown-menu at http://usac.climbing.nl/ works fine in IE or Firefox on
a PC, however the menu-list which comer down when you hover over the main-menu
is displayed 3 pixels to low in Mozilla and Firefox (1.0) on a Mac.

Reproducible: Always

Steps to Reproduce:
1.go to http://usac.climbing.nl
2.hover over the menu (over home for example)
3.
Actual Results:  
the pulldownmenu is displayed 3 pixels to low


Expected Results:  
The top of the pulldownmenu should be where the bottom of the parent-menu-item
is. (as in firefox/IE on a pc)

Comment 1

[Gido van der Star]

seems to be the on the mac we've Gecko/20041107 for Firefox and Gecko/20041217
for Mozilla on the Mac, problem doesn't occur on Mozilla/5.0 (X11; U; Linux
i686; en-US; rv:1.7.5) Gecko/20050118 Firefox/1.0 which has a newer version of
Gecko. Probably old version of gecko in mac-downloads?

Comment 2

[Gido van der Star]

On Gecko/20040206 Firefox/0.8 (win32) everything seems to render ok though.
Problem still with mac-version probably?

Comment 3

[Mats Palmgren (inactive)]

The problem is that the page does not display well at different font sizes.
I can see the problem if I use text zoom to a smaller (or larger) font size,
then the menu drops down either to low or to high.
Try changing the 'px' units here http://usac.climbing.nl/css/navigation.css
to 'em' or 'ex' instead (for 'top', paddings and margins)

->TE

Comment 4

[Patrick]

Couldn't find a link to the web master so fast, so i posted a link to this
bugzilla page on their forum.

Seems like they're still updating the site. 
Setting p=p4

Comment 5

[Gido van der Star]

(In reply to comment #3)
> The problem is that the page does not display well at different font sizes.
> I can see the problem if I use text zoom to a smaller (or larger) font size,
> then the menu drops down either to low or to high.

True, but that is not the problem. Problem is 3px difference between mac and pc
with all units in px.

> Try changing the 'px' units here http://usac.climbing.nl/css/navigation.css
> to 'em' or 'ex' instead (for 'top', paddings and margins)

Will try in the next week, probably have to do styles in
http://usac.climbing.nl/css/default.css too.

site is build by small group of people listening to
site[at]nospam.usac.climbing.nl, and at least one of them is listening to this too.

Comment 6

[Mats Palmgren (inactive)]

(In reply to comment #5)
> True, but that is not the problem.

You are wrong, what I said is exactly the problem.
The design is something like this:

+------------------- (rel.pos. containing block)
|Menu head
||----------------------------
 | the abs.pos. submenu
 | ....
 +----------------------------
+-----------------------------

The 'top' offset for the submenu is from the rel.pos. top edge.
If you use 'px' for that offset then obviously you're going to get
problems when the font-size changes the height of the text "Menu head".

Comment 7

[Gido van der Star]

(In reply to comment #6)
> (In reply to comment #5)
> > True, but that is not the problem.
> 
> You are wrong, what I said is exactly the problem.
> 
> The 'top' offset for the submenu is from the rel.pos. top edge.
> If you use 'px' for that offset then obviously you're going to get
> problems when the font-size changes the height of the text "Menu head".

So there's a difference in font-size on mac vs pc, even if font-size is declared
in px in the css. Problem could then be solved by setting ALL values in em or
ex, or by altering "change font size" to "zoom everything". In which case the
difference mac vs pc still will be present.

Then this is not a bug, but a flaw in (site-)design.

Comment 8

[Matthias Versen [:Matti]]

looks fixed