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; }

Rispondi quotando