a href links not working on website when margin top: -60px
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
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)
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.
Add a rule clear: both; to the CSS rules for the DIV .footer