Ciao a tutti!
Sto facendo una pagina con header, colonna di navigazione a sinistra, contenuto e footer. Tutto con div ma non riesco a far che la colonna di navigazione sia tanto lunga come il contenuto. Ho letto tantissimi articoli e post di forum ma non riesco a trovare il mio errore. Vi posto il codice e il css.
HTML:
<body>
<div id="container">
<div id="header">
<div id="banner"> .... </div>
<div class="lingua"> .... </div>
</div>
</div>
<div id="content">
<div id="left_side">
<div class="leftcontent" id="nav">
[img]images/left_bg_top.gif[/img]
<ul>
[*]Home
[*]Chi Siamo
[*]Dove Siamo
[*]I Nostri Prodotti
[*]Come Contattarci
[*]Studi di Fattibilità
[*]I Nostri Progetti
[*]Scaricare
[*]Lavora con Noi
[*]Link Utili[/list]
</div>
</div>
<div id="centercontent_home">
</p>
Contenido</p>
</p>
</p>
</p>
Contenido</p>
</p>
</p>
</p>
Contenido</p>
</p>
</p>
</p>
Contenido</p>
</p>
</p>
</p>
Contenido</p>
</p>
</p>
</p>
Contenido</p>
</p>
</p>
</p>
Contenido</p>
</p>
</p>
</div>
</div>
<div id="footer">
....</div>
</div>
</body>
Il css:
body {
margin:10px 10px 0px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%;
color:#000000;
}
.container{
position:relative
}
.leftcontent {
position: absolute;
left:0px;
top:126px;
width:140px;
background:#ffffff url(images/left_bg.gif) repeat-y top right;
border:none;
text-align:left;
background-color: #B7D7AF;
/*height:50%;/* 305px;*/
}
.left_side{
/*float:left;*/
background:#ffffff url(images/mattoni_gris.jpg) repeat-y top right;
position:absolute;
left: 0px;
top: 126px;
width: 140px;
/*height:100%; /*303px;*/
}
#centercontent_home {
background:#ffffff;
margin-top:10px;
margin-left: 140px;
margin-right:121px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
text-align:center;
height:303px;
}
/*html>body #centercontent_home {
margin-left: 140px;
margin-right:121px;
}*/
#banner {
background:#ffffff url(images/header_bg.gif);
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
/*height:39px;*/
color:#000000;
}
html>body #banner {
height:116px;
}
#footer {
background:#83040e;
/*margin-top:29%;*/
vertical-align:bottom;
voice-family: "\"}\"";
voice-family: inherit;
text-align:left;
height:18px;
/*width:100%;*/
/*margin-left:140px;*/
/*bottom:95%;*/
/*clear: left*/
}
}
.lingua {
position:absolute;
right:10px;
top:107px;
width:197px;
height:50px
text-align:right;
height: 17px;
text-align:right;
}
Per favore!!! Qualcuno mi puo aiutare?
Rispondi quotando
