Embed Size (px)
DESCRIPTION
prova prova
Citation preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MoebiusMania.net - CSS tip 7: Footer sempre in fondo</title>
<style type="text/css">
/* Stili essenziali */
html, body {
height: 100%;
}
#contenitore {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px;
}
#footer , .push {
height: 30px;
line-height: 30px;
}
/* Stili "estetici" */
#contenitore *{
padding: 0 10px;
}
body {
margin: 0;
}
h1 {
background-color: #ccc;
margin: 0 auto;
}
h2 {
background-color: #ddd;
margin: 0 auto;
}
#footer {
background-color: #ddd;
font-style: italic;
padding: 0 10px;
}
</style>
</head>
<body>
<div id="contenitore">
<h1>CSS Tip #7</h1>
<h2>Footer sempre in fondo</h2>
<p>Divertitevi a fare il resize del browser per vedere il footer sempre "appiccicato" in fondo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
<div class="push"></div>
</div>
<div id="footer">io sono il footer che sta sempre giu</div>
</body>
</html>
http://www.moebiusmania.net/css/tips/csstip7.html view-source:http://www.moebiusmania.net/css/tips/csstip7.html
1 di 1 14/06/2011 14:47
