Sto facendo un sito per un mio amico che ha un hotel, ho utilizzato i div da foglio di stile.
Ho centrato il sito rispetto alla pagina con un div che fa da contenitore.
Il problema e che il div contenitore occupa un area superiore all'altezza del sito e mi crea uno spazio vuoto lungo
l'altezza della pagina (infatti la barra laterale del browser è attiva). Sono un principiante dei fogli di stile, qualcuno può dirmi come posso rimediare a
questo fastidioso inconveninete?.
Questo è il foglio di stile :
codice:
/* CSS Document */
/* -------CENTRAGGIO SITO------- */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#FFFFE6;
text-align: center;
}
#centrato {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0 auto 0 auto;
padding:0;
text-align: left;
width: 800px;
}
/* -------Home Page------ */
#inte {
margin:0 auto 0 auto;
padding:0;
position: relative;
background:#FFFFB9;
top: 18px;
}
#menu {
margin:0 auto 0 auto;
padding:0;
position:relative;
width:190px;
height:250px;
background:#FFFFCD;
top: 20px;
left: -305px;
}
#corpo {
margin:0 auto 0 auto;
padding:0;
position:relative;
width:430px;
height:300px;
background:#00FFFF;
background-color: #FFFFB9;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#723F01;
z-index: 1;
top: -231px;
left: 5px;
}
#indirizzo {
margin:0 auto 0 auto;
padding:0;
position:relative;
width:190px;
height:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12 px;
color:#723F01;
text-align:center;
background-image:url(../img/Basso_SX.jpg);
top: -730px;
left: -305px;
}
#fondo {
margin:0 auto 0 auto;
padding:0;
position:relative;
height:40px;
background:#FFFFE6;
text-align:center;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#723F01;
width: 799px;
top: -1030px;
}
#sfondo {
margin:0 auto 0 auto;
padding:0;
position:relative;
width:180px;
height:450px;
background:#00CCFF;
z-index: 2;
top: -530px;
left: 309px;
}
#img1 {
margin:0 auto 0 auto;
padding:0;
position:relative;
width:217px;
height:150px;
background-color: #FFFFB9;
z-index: 3;
top: -880px;
left: 110px;
}
#img2 {
margin:0 auto 0 auto;
padding:0;
position:relative;
width:217px;
height:150px;
background-color: #FFFFB9;
top: -1030px;
left: -100px;
}
a {
font-size: 9px;
color: #723F01;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #723F01;
}
a:hover {
text-decoration: underline;
color: #723F01;
}
a:active {
text-decoration: none;
color: #723F01;
}