By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,028 Members | 1,945 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,028 IT Pros & Developers. It's quick & easy.

Link misbehaviour in Firefox

P: n/a
I'm having an odd problem in Firefox 2.0.0.8. You can see the problem on
this page: http://sfl.london.on.ca/links_groups.shtml.

If you click on any of the three horizontal tabs, nothing happens UNLESS the
mouse is right at the very top edge of the tab. You know you're in the right
place when the status line at the bottom of the browser shows the address of
the link.

What would make the link fire from several pixels ABOVE the actual text of
the link and not ON the actual link itself??

The CSS validates (there are some warnings about colours but no errors) so
that's not the problem. Changing the top and/or bottom padding on the tabs
doesn't change the trigger point: it's still the exact top edge of the tab.
The tabs work normally in IE6, IE7 and Opera.

Does anyone have any idea why this is happening?

--

Rhino

Oct 27 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
rhino wrote:
I'm having an odd problem in Firefox 2.0.0.8. You can see the problem
on this page: http://sfl.london.on.ca/links_groups.shtml.

If you click on any of the three horizontal tabs, nothing happens
UNLESS the mouse is right at the very top edge of the tab. You know
you're in the right place when the status line at the bottom of the
browser shows the address of the link.

What would make the link fire from several pixels ABOVE the actual
text of the link and not ON the actual link itself??

The CSS validates (there are some warnings about colours but no
errors) so that's not the problem. Changing the top and/or bottom
padding on the tabs doesn't change the trigger point: it's still the
exact top edge of the tab. The tabs work normally in IE6, IE7 and
Opera.

Does anyone have any idea why this is happening?
If I look at it with Firebug and highlight your sflinks division, its
top edge seems to cut across those three tabs at about where the tops of
their text is; i.e., about where the edge of working-links and
not-working-links is. I can't get a screen cap of that, but if you
install the Firebug extension in FF and do Inspect and click on this
line of your markup

<div id="sflinks">

you'll see that edge.
--
Blinky RLU 297263
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org
Oct 27 '07 #2

P: n/a
On Oct 26, 10:46 pm, "rhino" <No.offline.contact.ple...@anonymous.com>
wrote:
I'm having an odd problem in Firefox 2.0.0.8. You can see the problem on
this page:http://sfl.london.on.ca/links_groups.shtml.

If you click on any of the three horizontal tabs, nothing happens UNLESS the
mouse is right at the very top edge of the tab. You know you're in the right
place when the status line at the bottom of the browser shows the address of
the link.

What would make the link fire from several pixels ABOVE the actual text of
the link and not ON the actual link itself??

The CSS validates (there are some warnings about colours but no errors) so
that's not the problem. Changing the top and/or bottom padding on the tabs
doesn't change the trigger point: it's still the exact top edge of the tab.
The tabs work normally in IE6, IE7 and Opera.

Does anyone have any idea why this is happening?

--

Rhino
Hi Rhino,
Don't know much about positioning; I would've used floats for this
layout. That said, in FF I was able to get those tabs working like
this:

#sflinks {
position: relative; <---- Omit it --
top: 0; <---- Omit it --
left: 0; <---- Omit it --
}

It seems that the sflinks div was positioned over the tabs, making
them inaccessible. Removing the position: relative "uncovered" the
tabs and I was able to get to them with my mouse. Someone more
knowledgeable about positioning can probably explain precisely what
was going on.

HTH,
Bill

Oct 27 '07 #3

P: n/a
On Oct 26, 10:46 pm, "rhino" <No.offline.contact.ple...@anonymous.com>
wrote:
I'm having an odd problem in Firefox 2.0.0.8. You can see the problem on
this page:http://sfl.london.on.ca/links_groups.shtml.

If you click on any of the three horizontal tabs, nothing happens UNLESS the
mouse is right at the very top edge of the tab. You know you're in the right
place when the status line at the bottom of the browser shows the address of
the link.

What would make the link fire from several pixels ABOVE the actual text of
the link and not ON the actual link itself??

The CSS validates (there are some warnings about colours but no errors) so
that's not the problem. Changing the top and/or bottom padding on the tabs
doesn't change the trigger point: it's still the exact top edge of the tab.
The tabs work normally in IE6, IE7 and Opera.

Does anyone have any idea why this is happening?

--

Rhino
Just a post script to my last reply, Rhino. FYI, in FF when the
browser window is below about 1150 pixels wide, your main content div
drops below your index column. Didn't have time to try a fix; sorry.
Bill

Oct 27 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.