Salve sto realizzando un sito web, ma viene come tagliato. Il contenuto che si trova a di sotto della parte visualizzata dal browser è come se non ci fosse, non compare neanche la barra di scorrimento laterale. non so che fare
vi posto il codice html e css, ci sarà sicuramente qualcosa che non va
Grazie ancora per il supporto, un saluto.:byebye:
vi posto il codice html e css, ci sarà sicuramente qualcosa che non va
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body><div class="centrato">
<nav class="fixed-nav-bar">
<div class="centrato">
<div id="logo-nav"><img src="images/logo.png" width="505" height="40" alt=""/> </div>
<div id="menu">
<ul>
<li ><a>home</a></li>
<li ><a>foto</a></li>
<li ><a>video</a></li>
<li ><a>musica</a></li>
</ul>
</div>
</div></nav>
<div id="contenuto">
<div id="menu-sinistra">
<div id="conenuto-menu-sinistra">
<img id="foto-user" src="images/nophoto.gif" width="40" height="40" alt=""/> <div id="nome-menu-sinistra">Nome</div><div style="clear:both;"></div>
<hr>
<div id="navigazione-menu-sinistra">
<ul>
<li class="navigazione-menu-sinistra-1" ><b><a><img src="images/menu-sinistra-home.gif" id="immagine-menu-sinistra" width="16" height="16" alt=""/>Home</a></b></li>
<li class="navigazione-menu-sinistra-1"><b><a><img src="images/menu-sinistra-profile.gif" id="immagine-menu-sinistra" width="16" height="16" alt=""/>Profilo</a></b></li>
<li class="navigazione-menu-sinistra-2"><a><div class="div-sottosezioni-menu-sinistra">Modifica Informazioni Profilo</div></a></li>
<li class="navigazione-menu-sinistra-2" ><a><div class="div-sottosezioni-menu-sinistra">Modifica Foto Profilo</div></a></li>
<li class="navigazione-menu-sinistra-1"><b><a><img src="images/menu-sinistra-settings.gif" id="immagine-menu-sinistra" width="16" height="16" alt=""/>Gestione</a></b></li>
<li class="navigazione-menu-sinistra-2" ><a><div class="div-sottosezioni-menu-sinistra">miei Amici</div></a></li>
<li class="navigazione-menu-sinistra-2"><a><div class="div-sottosezioni-menu-sinistra">mie Foto</div></a></li>
<li class="navigazione-menu-sinistra-2" ><a><div class="div-sottosezioni-menu-sinistra">miei Video</div></a></li>
<li class="navigazione-menu-sinistra-2"><a><div class="div-sottosezioni-menu-sinistra">Iscrizione</div></a></li>
<li class="navigazione-menu-sinistra-1"><b><a><img src="images/menu-sinistra-settings.gif" id="immagine-menu-sinistra" width="16" height="16" alt=""/>Impostazioni</a></b></li>
</ul>
</div>
</div>
</div>
<div id="centrale">
<div id="contenuto-centrale">
<h1> TITOLO </h1>
</div>
</div>
<h1>footer</h1>
</body>
Codice:
@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Devil Breeze';
src: url('fonts/Devil Breeze Bold.ttf') format('truetype');;
}
body{
overflow:auto;
background: url(background.png) fixed top no-repeat #000000;
font: 22px/22px Titan, sans-serif;
color: #322C2E;
}
#logo-nav {
margin-left: -100px;
float:left;
}
.centrato {
width:1020px;
margin: 0 auto;
}
.fixed-nav-bar {
background:url(images/texture-nav.png);
font: 22px/22px "Devil Breeze", Lato, Helvetica, Arial, sans-serif;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 60px;
}
#menu{
float:left;
height:40px;
font-size:18x;
text-align:center;
vertical-align:middle;
}
#menu ul{
height:18px;
padding: 11px 0px;
margin: 0px;
}
#menu li{
display: inline;
margin-left:-10px;
}
#menu a{
font: 22px/22px "Devil Breeze", Lato, Helvetica, Arial, sans-serif;
height:18px;
color: #322C2E;
padding: 10px 10px 6px 10px;
}
#menu a:hover{
color: #fff;
background-color:#000000;
}
#menu-sinistra{
position: fixed;
width: 190px;
height: 340px;
background-color:#FFFFFF;
}
#conenuto-menu-sinistra{
position: fixed;
margin:15px 10px 15px 10px;
width: 170px;
height: 320px;
background-color:#fff;
}
#foto-user{
float:left;
display:block;
}
#nome-menu-sinistra {
margin-left:10px;
float:left;
display:block;
font-size:16px;
width:110px;
word-wrap:break-word;
font-weight:bold;
}
#navigazione-menu-sinistra{
width:170px;
height:256px;
font-size:11;
font: Titan, sans-serif;
}
.navigazione-menu-sinistra-1{
font-size:13px;
}
.navigazione-menu-sinistra-2{
font-size:11px;
margin-left:35px;
}
.div-sottosezioni-menu-sinistra{
margin-left:35px;
width:150px;
}
#navigazione-menu-sinistra ul{
margin: 0;
padding: 0;
list-style: none;
}
#navigazione-menu-sinistra li{
margin-left: -10px;
margin-top: 0px;
margin-bottom: 0px;
display: block;
width: 190px;
height: 25px;
}
#navigazione-menu-sinistra a{
display: table-cell;
vertical-align: middle;
color: #028fd4;
height: 25px;
text-decoration: none;
width: 170px;
}
#navigazione-menu-sinistra a:hover{
display: table-cell;
vertical-align: middle;
height: 25px;
width: 190px;
color: #028fd4;
background-color: #cee8f7;
vertical-align: middle;
}
#immagine-menu-sinistra{
margin-left:3px;
margin-right:3px;
padding-right:5px;
padding-left:5px;
}
#centrale{
position:fixed;
margin-left: 205px;
width: 820px;
height: 1600px;
background-color: #fff;
}
#contenuto {
width:1020px;
margin: 0 auto;
margin-top: 70px;
position: fixed;
}
#contenuto-centrale{
position:relative;
margin: 10px 10px 10px 10px;
width: 800px;
height: 1600px;
background-color: #000;
}
Grazie ancora per il supporto, un saluto.:byebye: