Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>  
</head>
<body>
<div class="wrapper">
    <div class="header">tittle</div>
<div class="content">codasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas sdasd asdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasd asdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasd asdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasdEND</div>
<div class="push"></div>
</div>
<div class="footer">dasda daas dasdasd adsa dasd adasd adas adas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas dasdasda dadasdasdas  dadas</div>
</body>
  </html
 
* {
    margin: 0;
}
html, body {
    height: 100%;
}
.header {
  background: red;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
    background: gray;
}
.content {
  width: 200px; 
  margin: 0 auto; 
  background: pink; 
  height: 100%;
}
​
.footer {
  background:green;
}
.footer, .push {
    height: 40px;
}
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers