While the footer design is functioning well in both Chrome and IE, it seems to be encountering issues with Firefox.
div.footer{
width: 100%;
padding: 0px;
margin-top: 200px;
font-size: 0.6em;
line-height: 1.2em;
clear: both;
position: absolute;
bottom: 0;
height: 75px;
background-color: #fff;
font-family: Verdana,Arial,sans-serif;
color: #000;
}
.footer div{
padding: 5px 0px;
}
.footer a{
text-decoration: none;
color: #000;
font-weight: bold;
}
This code snippet handles formatting for a footer in Ruby that yields to page content. The issue arises with Firefox displaying the footer at the bottom of the content pane instead of the screen's bottom. It could be related to the yield function, which alters the footer's location when certain styles are removed. However, this workaround compromises functionality on other browsers.
An ideal example can be viewed here: https://jsfiddle.net/3dme9em8/