RedXTech RedXTech - 1 year ago 60
CSS Question

Header is fine, 100% width doesn't work on footer

On a page that I am currently working on, I have come across an error. When you view the page on desktop on certain computers, the header is perfectly fine with 100% width, but the footer needs extra width to be the full page width. Also, on some other computers, even adding the extra width doesn't work. These end up with a bit of space on the right side.

Any help would be greatly appreciated.



Answer Source

Add margin 0 on body:

body {
    margin: 0;

Remove extra width from .foot

 .foot {
    position: relative;
    background-color: rgb(41, 41, 41);
    margin-top: 50px;
    height: 100px;
    /* width: 100.8744%; */
    /* bottom: -8px; */
    /* left: -8px; */
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download