Home > Article > Web Front-end > How to Position a Footer at the Bottom of the Browser with CSS?
Positioning Footer at the Bottom of the Browser with CSS
You're facing a common issue where your footer appears in the middle of the browser window. To resolve this, ensure you follow the correct CSS practices.
Solution:
The provided CSS code attempts to use various relative and absolute positioning methods. However, a more straightforward approach is to use the following CSS rules for your footer:
<code class="css">#Footer { position: absolute; width: 100%; bottom: 0; }</code>
This solution will effectively position your footer at the absolute bottom of the browser window. Note that this method works in both Firefox (FF) and Internet Explorer (IE).
Explanation:
Additional Notes:
The above is the detailed content of How to Position a Footer at the Bottom of the Browser with CSS?. For more information, please follow other related articles on the PHP Chinese website!