Hard Light Productions Forums
Site Management => Site Support / Feedback => Topic started by: Wanderer on June 20, 2008, 09:31:03 am
-
The pulldown menu which is shown when moving the cursor over the 'Hosted...' and 'External Sites...' does not work properly on FF3. Between each entry there is a (transparent) gap. Dunno if it is the Firefox 3.0 or the site though and thought it might be better to report it here first.
-
Screenshot?
-
(http://i26.tinypic.com/2i9jbyq.png)
and also, the "External Sites" bar is impossible to use, because when you try to click one of the submenus, it exits out of the menus.
-
Causes some menus to become quite unusable (http://koti.mbnet.fi/reiler/menubarff3.jpg).
-
Well, it works on FF2 and IE...
-
But not on FF3.
http://www.mediafire.com/?qrlaxbrv3vt
-
Yes. That's what the first post says :p
-
It also works on Opera 9.5. The site probably has compatibility issues with FF 3 because it just came out.
-
The site probably has compatibility issues with FF 3 because it just came out.
Or FF has a compatibility issue with the site. Has had since, what, Beta 4.
-
works better than ie for me. shows text shadows when ie just highlites
-
*snip*
and also, the "External Sites" bar is impossible to use, because when you try to click one of the submenus, it exits out of the menus.
You seem to enjoy this place quite a bit.
-
What place?
EDIT: That's how I view unread topics. I open them all, and then reply one by one.
-
I've got the exact same problem. Please fix it.
-
I've got the exact same problem. Please fix it. You most make an update.
Fixed.
Just use another browser, like Firefox 2 or Opera. For now, at least.
-
You love to abuse that guy.
-
Was bored enough to research this a bit and look for a fix:
The problem is that FF3 supports the new CCS2.1 draft, which changed the rules for margin collapsing. Those elements in the navbar have a margin of 3px for the top. If I'm reading the new spec properly, the way that the navbar is set up makes FF3 honor the margin while old browsers, or browsers not following the updated 2.1 spec, don't. It doesn't appear to be a browser bug in other words.
Changing the margin to 0 for "#navigation li ul li" should fix it (I think that the right margin is collapsed in all browsers, so there shouldn't be a reason for it to stay). Also be aware that there are two "#navigation li ul li" in the navbar CSS, both of them the same, so the extra one should be removed.
That simple fix appears to work properly in both FF3 and Opera 9.5 at least. :)
-
K, done. To all FF3 users: see if that fixed it. (Force-refresh if necessary.) Please also check the main HLP page (www.hard-light.net).
-
Works.
-
On both, or just the forums?
-
Just the forums.
-
Try the main page now.
-
For me the bar works both in forums as well as on the main page
-
It`s working fine for me now. Thanks guys!
-
Hell yeah. Much obliged.
-
Another helpful change as well: for "#navigation li ul li a" change width to "auto", add "min-width: 11em;" and "max-width: 20em;".
That helps make sure that the text doesn't overflow and makes it so you can add new content to the list without having to tweak the width element yourself to make it fit. The width will simply adjust to fit the content (based on font size), but will keep a minimum size of 11 and a max of 20 so that it doesn't get out of control. :)
-
Hmm. Except that The FreeSpace 2 Source Code Project and Game Warden are a bit too low and accessing them requires awesome ninja skills (http://koti.mbnet.fi/reiler/ff3issue.jpg).
-
Hmm. Except that The FreeSpace 2 Source Code Project and Game Warden are a bit too low and accessing them requires awesome ninja skills (http://koti.mbnet.fi/reiler/ff3issue.jpg).
It's far worse using Opera. I'm going to work on that tonight though so that it will work as expected on both Opera and FF.
-
Another helpful change as well: for "#navigation li ul li a" change width to "auto", add "min-width: 11em;" and "max-width: 20em;".
K, done. :)
-
For the sub-menu fix (on "External Sites..."):
- remove the min/max-width change from earlier and set width at 13em (not sure why this doesn't work, but I know it's float related, I'll probably end up googling for it)
- add "float: left;" to "#navigation li ul li"
- change "left" to 13.5em in "#navigation li:hover ul li ul, #navigation li.over ul li ul"
That fixes it for FF and Opera. Haven't tested in IE though (since I don't use Windows and don't feel like installing up ie4linux right now).
-
K, changed.
-
Ah, much better.