Ciao a tutti,
ho un piccolo problema che non riesco a risolvere.
In un css ho definito un'area contenitore, un'area testata, un'area utente, un'area menu_left, un'area pagina, e un'area per il piè di pagina.
il colore di background del contenitore è blu.
Il colore di background dell'area pagina viene impostato correttamente ma il colore dell'area menu_left proprio non ne vuole sapere e agisce solo sulla sua altezza definita nel menu_left.
Le dimensioni delle aree si espandono in modo corretto.
Come faccio a dire che il colore di background di menu_left deve agire proprio come quello dell'are pagina?
Ho messo tutte le impostazioni in em.
allego il codice ed una schermata della pagina che ottengo.
codice CSS:
Codice HTMLCodice PHP:body
{
margin: 0em 0em 0em 0em;
}
div#contenitore
{
margin: 0em 0em 0em 0em;
width: auto;
border: 0.01em solid #000000;
padding: 0em;
background-color: #3B6689;
height: auto !important;
height: 30em; /* In IE6 height funziona come il min-height */
min-height: 30em;
overflow : hidden;
}
div#testata
{
font-family: helvetica, arial;
font-size: 1.8em;
color: #FFFFFF;
padding-top: 0.27em;
height: 1.73em;
text-shadow: #9F9D56 0px 0px 1px;
}
a.testata
{
color: #FFFFFF;
}
div#areautente
{
width: 100%;
height: 2em;
background: #ccc000;
font-size: 0.8em;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal; list-style-type: none; margin: 0em 0em 0em 0em;
padding: 0.6em 0em 0em 0.6em;
}
div#menu_left
{
background: #FFFFFF;
margin: 0;
width: 11.5em;
float: left;
padding-left: 0.1em;
padding-right: 0.1em;
font-size: 0.8em;
color: #000066;
display: block;
height: auto !important;
height: 30em; /* per compatibilità con In IE6 */
min-height: 30em;
}
div#pagina
{
background: #FFFEF6;
margin: 0 auto;
font-size: 0.8em;
padding-left: 0.3em;
display: block;
height: auto !important;
height: 30em;
min-height: 30em;
overflow : Auto;
border-left: 0.01em solid #000;
}
div#footer
{
width: 100%;
height: 2em;
text-align: center;
background: #ccc000;
font-size: 0.8em;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px;
padding: 1em 0em 0em 0em;
}
Risultato:Codice PHP:<body >
<div id = "contenitore">
<div id = "testata">
Nome
</div>
<div id="areautente">
Nome Operatore
</div>
<div id = "menu_left" >
Menu
</div>
<div id = "pagina">
Riga testo
Riga testo
Riga testo
Riga testo
</div>
<div id="footer">
dati pie di pagina
</div>
</div>
</body>
Grazie
Rispondi quotando
