ho messo il css all'interno per semplicità... e aggiunto qualche colore per vedere i testi... testato su ie6 e firefox 3
codice:
<!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" lang="it">
<head>
<title>Pagine</title>
<style type="text/css">
<!--
body {
margin: 0;
background: #f5f5dc;
font-family: Verdana, Sans-serif;
font-size: 12px;
color: #ffffff;
}
/*Header*/
div#header {
width: 700px;
height: 125px;
background: url(../grafica/header.png) #000000;
margin: 0 auto;
}
/*Fine Header*/
/*Contenuti & Menù*/
div#contenitore {
width: 700px;
background: url(../grafica/sfondo.png) #000000;
margin: 0 auto;
}
div#menusx {
width: 150px;
float: left;
}
div#menudx {
width: 150px;
float: right; background-color:#CCCC66
}
div#corpo {
width: 400px;
margin: 0 ; float:left
}
/*Fine Contenuti & Menù*/
/*Footer*/
div#footer {
width: 700px;
height: 30px;
clear: both;
margin: 0 auto;
background: url(../grafica/footer.png) #000000;
}
/*Fine Footer*/
}
-->
</style>
</head>
<body>
<div id="header">
</div>
<div id="contenitore">
<div id="menusx">
<ul class="menu">[*]Home[*]Dove Siamo[*]Chi Siamo[/list]
</div>
<div id="menudx">
</div>
<div id="corpo">
<h1>
Titolo
</h1>
<h2>
Sottotitolo
</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque non erat. Ut eget erat. Aenean risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris volutpat viverra lectus. Vestibulum risus. Morbi ut est ut tellus congue consequat. Pellentesque egestas iaculis felis. Etiam adipiscing adipiscing sem. Quisque at massa. Vivamus vel purus. Aenean pede. Pellentesque neque. Sed felis nunc, facilisis in, pellentesque nec, condimentum ac, ipsum. Phasellus erat erat, fringilla quis, convallis non, tristique sed, lectus. Quisque lacinia, metus vestibulum consequat tincidunt, neque orci pellentesque erat, ut volutpat leo ligula in est. Quisque gravida, pede eget consectetuer scelerisque, eros sapien tincidunt pede, in consectetuer odio est a elit. Aenean orci velit, mattis in, commodo id, tincidunt vitae, erat. Sed rhoncus metus non mauris. </p>
Integer eu sem vulputate risus convallis lacinia. Maecenas tincidunt. Vivamus ac elit. Vestibulum feugiat, mi id dapibus facilisis, eros dolor ultrices dui, at fermentum tortor tellus at leo. Aliquam elementum est et magna. Nam ornare lorem sit amet erat. Suspendisse a ipsum eget est dapibus rhoncus. In posuere risus gravida velit. Cras gravida nulla vitae ligula. Vivamus nec nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac mi. Fusce eu dui. Ut id purus id odio pulvinar rhoncus. Vestibulum ut tellus. </p>
Suspendisse cursus eleifend sapien. Fusce lacinia. Aliquam vitae metus. Aliquam sed erat id enim aliquet faucibus. Sed ante erat, convallis vel, bibendum ac, lobortis gravida, ipsum. In ornare. Nulla facilisi. Vivamus ultrices. Quisque lobortis metus eu quam. Quisque purus nisi, aliquam vitae, gravida non, eleifend id, ligula. Nulla nibh lacus, accumsan sit amet, mattis in, sollicitudin et, dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Maecenas sit amet libero in quam blandit cursus. Nullam quis felis non dolor luctus mattis. Sed malesuada ante pretium velit. Etiam id pede sollicitudin tortor hendrerit sollicitudin. Sed venenatis elit ac purus. </p>
</div> <-- questa chiusura era messa sotto il div footer -->
<div id="footer">
</div>
</body>
</html>
Rispondi quotando
