Home/ Questions/Q 9024193
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T05:56:44+00:00

I have this structure: <body> <div id=header>..</div> <div id=content>..</div> <div id=footer>..</div> </body> And this

  • 0

I have this structure:

<body>

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

    <div id="content">..</div>

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

</body>

And this CSS:

body {
color: white;
font-family: ‘Play’, sans-serif;
max-width: 2560px;
margin: 0 auto;
min-width: 960px;
height:100%;
padding:0;
}

#header {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    min-width: 960px;
    height: 95px;
    background-image: url("../images/header-bg.png");
}

#content {
    margin: 0 auto;
    position: relative;
    max-width: 1600px;
    height:100%;
    overflow:hidden;
}

#footer {
  background-color: #009EDB;
  background-image: url("../images/footer-bg.png");
  bottom: 0;
  height: 30px;
  margin: 0;
  position: relative;
  width: 100%;

}​

But not body height 100% of browser windows. What’s my problem? Thanks.

jsFiddle

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add:

    html {
    height: 100%;
}

    To your CSS.

    See update here – http://jsfiddle.net/xkTpV/4/

    • 0