Lo Zibaldone Informatico

Html Template

HTML

<body>

<div id="container">

<div id="title">HTML template</div>

Some content here...

Some content here...

Some content here...

<div id="filler"></div>

</div>

<div id="footer">

Some content here...

</div>

</body>

Passa il mouse sugli elementi in rosso.

CSS

html,body{

height:100%;

margin:0;

padding:0;}

div#container{

position:relative;

display:block;

min-height:100%;

margin-bottom:-80px;}

div#title{

position:relative;

display:block;

width:100%;

line-height:110px;

margin-bottom:30px;}

div#filler{

position:relative;

display:block;

z-index:-1;

height:100px;}

div#footer{

position:relative;

display:block;

min-height:80px;}