Home/ Questions/Q 7030391
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T00:39:52+00:00

I am trying to create a footer which spans the width of the screen.

  • 0

I am trying to create a footer which spans the width of the screen. It was nested in the body tag (centered by using margin left/right auto) which had a width of 825px so I took it out and nested under the html tag, thereby removing the width constraint.

What it looks like now though is that the footer element is aligned with the centered body tag at the bottom left. I’d like it to start at the very left hand of the screen.

What must I do to have the footer element span the full width of the screen going left to right?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You do not want to have your footer outside of the HTML tag. Something like this should work.

    If you have a width set on your body tag 100% will only extended to the width set on your tag. Also if you intend to use HTML5 I suggest using the <footer></footer> tag. Keep in mind though that HTML5 needs hacks to work on older browsers.

    <style type="text/css">

body {/*use this to declare font-family and other common attributes */}
#header {width:825px;height:200px;margin:0 auto 0 auto}/*or whatever your dimensions are*/
#main-content-wrapper {width:825px;margin:0 auto 0 auto;}
#footer {width:100%;}


</style>

<html>
<head>
<title></title>
<head>

<body>

<div id="header"></div>

<div id="main-content-wrapper"></div>

<div id="footer"></div>

</body>

</html>
    • 0