Home/ Questions/Q 6696319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T06:19:38+00:00

HTML: <html> <head> <link href=test.css rel=stylesheet type=text/css /> </head> <body> <div class=footer style=position:absolute;bottom:0;> Footer

  • 0

HTML:

<html>
<head>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="footer" style="position:absolute;bottom:0;">
Footer
</div>

</body>
</html>

CSS:

.footer {
    background: #ffffff;
    border: 1px solid;
    color: #e6e6e6;
    height: 50px;
    width: 100%;
    position:absolute;
    float: left;
    margin: 0px 0px 0px 0px;
}

As you can see in JS Fiddle the footer at the bottom has a slight gap on the left.

I want it to be 100% at the bottom so how do I achieve this thus eliminating the gap on the left?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just set the following CSS style:

    body, html
{
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}

    And you just got rid of the gap.

    • 0