salve a tutti ho un problemino con un footer...
provo ad inserirlo però non va in fondo alla pagina ma in fondo alla finestra e quando scendo mi rimane tipo a metà pagina (mi spiego malissimo)...
comunque volevo sapere sa qualcuno mi può aiutare a creare un striscia colorata a fondo di pagina che sia distante da tutto il resto circa 20 px
grazie in anticipo
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT">
<head>
<title>Crescendo</title>
<style type="text/css">
html, body{
margin: 0;
padding: 0;
background-image: url(Immagini/Sfondo.png);
}
#container{
width: 900px;
margin: 0 auto;
}
#sinistra{
width: 700px;
}
#head{
text-align: center;
}
#content{
background-color: #FABB8E;
border-radius: 20px;
border: 10px solid #FFF;
}
</style>
</head>
<body class="crescendo">
<div id="container">
<div id="head">
<img src="Immagini/headp.png" alt="" />
</div>
<div id="content">
<div id="sinistra">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut suscipit nisi. Morbi feugiat lobortis elit, vel scelerisque est euismod at. Pellentesque condimentum libero ut augue accumsan non tincidunt elit facilisis. Maecenas iaculis feugiat arcu id ultrices. Praesent blandit elit quis ipsum rutrum sagittis bibendum leo mattis. Nam condimentum ante in lorem iaculis laoreet. Integer at velit nulla, quis malesuada diam. Nam non enim vel velit bibendum suscipit sit amet vitae nisi. Nunc mollis arcu quis enim aliquet ultrices posuere eu neque. Fusce mollis lobortis nibh, at laoreet purus hendrerit a. Duis lectus nibh, pharetra sit amet faucibus ac, venenatis vitae dolor. Morbi vehicula, eros et tempus imperdiet, risus augue elementum ante, sit amet rutrum eros ligula eget ligula. Phasellus tincidunt, velit sed vestibulum feugiat, enim leo dignissim est, ut sollicitudin neque arcu vitae dolor. Etiam non enim sit amet arcu rutrum adipiscing. In placerat varius elit, eu pretium purus sodales non. Etiam sollicitudin enim nec risus volutpat non congue turpis dapibus.</p>
<p>Praesent tempus faucibus nulla et mollis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat augue vitae nunc pretium et tincidunt ligula consequat. Aliquam metus tortor, iaculis et porttitor eget, malesuada nec lectus. Curabitur auctor, quam nec suscipit dapibus, felis massa tempus mauris, et ornare diam velit a diam. Aenean commodo rutrum leo a pellentesque. In condimentum erat sit amet tortor volutpat commodo. Quisque consectetur vestibulum arcu eget ullamcorper. In accumsan bibendum mi non facilisis. Proin sed lacus orci, sed interdum est. Aenean feugiat, est vitae placerat suscipit, lacus purus porta libero, sed porta elit erat sed justo. Quisque at eleifend ipsum. Phasellus auctor pharetra magna et sollicitudin. Fusce nisl lorem, mattis vitae condimentum in, interdum fermentum purus.</p>
<p>Suspendisse potenti. Nunc eget aliquet mauris. Sed ac metus justo, et molestie turpis. Nulla sed elit ac nisl vulputate sollicitudin eget a metus. Donec a venenatis eros. Praesent rutrum, mauris ac vulputate gravida, velit metus hendrerit lectus, vitae fringilla dolor risus adipiscing libero. Cras ut pharetra mi. Morbi ultricies adipiscing sapien vitae hendrerit. Nullam mollis, massa sed porttitor sodales, massa lectus blandit tortor, aliquam malesuada mauris ipsum at risus. Ut est orci, viverra a hendrerit in, ornare quis odio.</p>
<p>Donec dui dui, fringilla semper sagittis quis, lobortis non mi. Sed tempus porttitor est, auctor tincidunt neque accumsan nec. Donec a nisl nunc. Integer pulvinar risus sit amet massa aliquet suscipit. Sed dignissim, leo vitae ultricies facilisis, magna felis dapibus orci, vitae aliquam sem leo dapibus nisl. Proin neque diam, aliquam sed adipiscing at, ornare rutrum diam. Sed turpis massa, pretium ac egestas quis, iaculis nec dui. Pellentesque aliquet dolor at lacus scelerisque mollis. Aliquam consequat ligula non enim dignissim blandit. Suspendisse aliquam dignissim libero, ut sagittis nibh tincidunt sit amet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras dictum tristique luctus.</p>
</div>
</div>
</div>
</body>
</html>
