Ciao ragazzi,
lo so che l'argomento è stato trattato diverse volte nel forum, ho letto tutti i 3d,
ma non sono riuscito a risolvere il mio problema, spero che qualcuno di voi mi faccia
la grossa cortesia di dare un occhiata al mio codice.
Come si capisce dal titolo, non riesco a far visualizzare un immagine da firefox e opera, che nel mio caso serve per separare il menu dal contenuto, in pratica dovrei realizzare una striscia,
premetto che con IE7 funziona.
codice html:
<body>
<div id="contenitore">
<div id="testa"><h1>Header</h1></div>
<div id="contenuto">
testo testo ...</div>
<div id="navigazione">
<h4>Struttura</h4>
<ul class="menuNavigazione">
<li class="primaVoce">» Saluto del Comandante[*]» Competenze [*]» Organigramma[/list]
</div>
<div id="piede">
Powered by xxx
Copyright ©2007 xxx </p></div>
</div>
</body>
CSS:
html,body{
margin:0;
padding:0;
}
#contenitore{
text-align:left;
width:750px;
margin:0 auto;
padding:0;
background:#F8F8F8;
}
#testa h1{
height:80px;
line-height:80px;
margin:0;
padding-left:10px;
background: #EEE;
color:#79B30B;
}
#navigazione{
float:left;
width:200px;
background:#F8F8F8;
}
#contenuto{
float:right;
width:540px;
background-color:#FFFFFF;
padding:0;
margin:0;
background:url(img web/separatore.gif) repeat-y;
}
#contenuto p{
line-height:1.4;
text-align:justify;
margin:0 10px 10px;
padding:4px 10px;
}
#piede{
clear:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
width:100%;
background: #333;
color: #FFF;
margin:0;
padding:5px 0;
}
Rispondi quotando
