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 replies
  • 8 have this problem
  • 223 views
  • Last reply by 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