This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

a href links not working on website when margin top: -60px

  • 2 ŋuɖoɖowo
  • 8 masɔmasɔ sia le wosi
  • 223 views
  • Nuɖoɖo mlɔetɔ cor-el

more options

I'm building a website test.digitaldemocracy.org.uk and used a CSS trick called sticky footer to ensur the footer is always at the bottom of the page.

This requires that the footer has a negative margin assigned i nthe CSS margin-top : -60px;

Page with not full content and sticky footer

http://test.digitaldemocracy.org.uk/proposal/guide.php


This works fine until an A href link becomes placed in the area of the screen that would were the footer would be stuck if the content did not fill the screen.

page where this is an issue

http://test.digitaldemocracy.org.uk/proposal/proposal.php?category_id=15&concern=ggrfg&solution=grgff&proposal_title=ergre&locale=2&categories_entered=TRUE&x=91&y=8

Problem with link { User Guide (opens in a new window) } does not work on bottom of page

In Firefox 3.6 the A href is shown but has no function (onclick does not work) yet when the same page is viewed in I.E 8 or chrome or safari or Opera the A Href link works??

I'm building a website test.digitaldemocracy.org.uk and used a CSS trick called sticky footer to ensur the footer is always at the bottom of the page. This requires that the footer has a negative margin assigned i nthe CSS margin-top : -60px; Page with not full content and sticky footer http://test.digitaldemocracy.org.uk/proposal/guide.php This works fine until an A href link becomes placed in the area of the screen that would were the footer would be stuck if the content did not fill the screen. page where this is an issue http://test.digitaldemocracy.org.uk/proposal/proposal.php?category_id=15&concern=ggrfg&solution=grgff&proposal_title=ergre&locale=2&categories_entered=TRUE&x=91&y=8 Problem with link { User Guide (opens in a new window) } does not work on bottom of page In Firefox 3.6 the A href is shown but has no function (onclick does not work) yet when the same page is viewed in I.E 8 or chrome or safari or Opera the A Href link works??

All Replies (2)

more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

more options

Add a rule clear: both; to the CSS rules for the DIV .footer