INDEX.html
codice HTML:
<html>
<head>...</head>
<body>
<div id=\"container\">
<div id=\"header\">....</div>
<div id=\"top\">....<div id=\"login\">...</div></div>
<div id=\"page\">
<div id=\"sinistra\"></div>
<div id=\"destra\"></div>
</div>
<div id=\"footer\"></div>
</div>
</body>
</html>";
CSS:
html,body{
margin: 0;
padding:0;
height: 100%;}
body{
font-family: Verdana;
font-size:12px;
scrollbar-shadow-color: #8F8F8F;
scrollbar-track-color: #D2D2D2;
}
/*STILI DIV ################################################## #####################*/
#container {
width:100%;
display: table;
}
#footer{
text-align:center;
line-height: 35px;
background-color:rgb(3,53,5);
color: white;
width:100%;
height:35px;
}
#header{
position:relative;
float:left;
margin-right:200px;
height:100px;
width:100%;
border-bottom: solid 3px rgb(94,0,0);}
#login{
float:right;
width:260px;
height:35px;
border:0px solid rgb(94,0,0);
margin: 2px;
border-radius: 3px;
padding:4px;
margin-right:30px;}
#top{
position:relative;
clear: both;
padding-left:5px;
width:100%;
box-sizing: border-box;
border-top: solid 0px rgb(94,0,0);
border-bottom: solid 2px rgb(94,0,0);
height: 42px;
}
#page{
position:relative;
border: solid 0px red;
padding-top:5px;
padding-left:5px;
width:100%;
box-sizing: border-box;
}
#sinistra{
width: 20% ;
float: left;
/*font-family: 'Century Gothic';*/
padding-top:12px;
white-space:nowrap;
border: solid 0px blue;
height:100%;
min-height: 441px;
overflow:auto;
}
#destra{
width: 78%;
float: right;
padding: 10px;
border: solid 0px green;
overflow:auto;
}
Rispondi quotando
