Home > Article > Web Front-end > How to Position a Footer at the Bottom of the Browser in Firefox and Internet Explorer?
Positioning Footer at the Bottom with CSS
Many developers encounter issues when trying to position a footer at the bottom of a browser window. Despite following various techniques, the footer may appear in the middle instead. Here's a solution to this common problem for both Firefox and Internet Explorer.
CSS Code
The following CSS code will effectively stick the footer to the bottom of the browser:
<code class="css">#Footer { position: absolute; bottom: 0; width: 100%; }</code>
Explanation
HTML Structure
Ensure that your HTML structure contains a
<code class="html"><form> ... <div class="Main" /> <div id="Footer" /> </form></code>
Additional Notes
By applying these CSS styles, you should be able to successfully position the footer at the bottom of the browser window in both Firefox and Internet Explorer.
The above is the detailed content of How to Position a Footer at the Bottom of the Browser in Firefox and Internet Explorer?. For more information, please follow other related articles on the PHP Chinese website!