<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Divisione a tre colonne</title>
<style type="text/css">
/***********************************************************************
* Elementi generali
**********************************************************************/
body {
background-color: #333;
color: #FFF;
font-family: Comic Sans MS, Serif;
font-size: 20px;
margin-top: 120px; /* Deve essere maggiore o uguale al margine inferiore di .intestazione */
}
/* Aggiunto a scopo decorativo */
form {
max-width: 1280px;
margin: auto;
padding: 0.25em;
border: 2px double #CCC;
}
label {
display: block;
margin: 0.5em 0;
}
/***********************************************************************
* Classi
**********************************************************************/
/* Un elemento di questa classe è centrato orizzontalmente all'interno del
* blocco a cui appartiene. */
.centering {
display: block;
margin: auto;
}
/* Un elemtno di questa classe è allineato a sinsitra */
.float_left {
display: block;
float: left;
}
.intestazione {
width: 100%;
height: 100px;
position: fixed;
top: 0px;
left: 0px;
font-family: Comic Sans MS, Serif;
text-align: center;
border-bottom: 2px inset #CCC;
}
#header {
width: 980px;
margin: 0auto;
}
#col1, #col2 {
width: auto;
height: auto;
float: left;
margin: 0;
padding: 30px 30px 0 30px;
/*border: 0;*/
}
#col1 {
padding: 30px 30px 0 0;
width: 265px;
}
.clear {
clear: both;
}
#cont1, #cont2, #cont3 {
float: left;
width: 265px;
height: 1000px;
margin: 0;
padding: 30px 30px 0 30px;
}
#cont1, #cont2 {
border-right: #ffffff 2px solid;
}
hr {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div class="intestazione">
<div class="float_left">
<?php require_once "data.php"; ?>
<hr >
</div>
<h1>BENVENUTI NEL MODULO D'ISCRIZIONE</h1>
<hr>
</div>
<div class="clear"></div>
</div>
<div id="content">
<div id="cont1">Inserite qui il contenuto per "cont1"</div>
<div id="cont2">Inserite qui il contenuto per "cont2"</div>
<div id="cont3">Inserite qui il contenuto per "cont3"</div>
</div>
<div class="clear"></div>
<?php
echo"</hr>";
?>
</body>
</html>