ciao, ho problemi nel visualizzare questa intestazione fatta con i magici CSS. con FF tutto ok ma IE come al solito fa pecche...
potete vedere la vissualizzazione QUI!
come potete notare il bordo BLU sottostante alle immagini si propaga per una spazio eccessivo... e la cosa nn va bene...
il CSS è:
codice:
/*typography*/
body{font: 80% verdana,arial,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 150%;color: #ffcc66}
h2{font-size: 160%;color: #f60}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 5px;color: #B02A36}
h2,p{margin: 0 15px;padding:0}
h1 a:hover{color: #fff}
h1#titolo{font-size: 100%; color:#ffcc66;background: Black;}
p{padding-top:1.065em;padding-bottom:0.73em;line-height: 1.5}
a{text-decoration: none}
address{padding: 3px 15px;font-style:normal}
/*Impostazione layout In Alto a SX*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
/*intestazione*/
div#header{margin:1px 0px 1px 0px;background: #2170a7; height: 40px; }
div#titolo{text-align:center;padding:0px 0px 0px 0px;margin:20x 2px 0px 2px;}
div#tlogor{text-align:right;float:right;padding:1px 0px 1px 0px;margin:1px 2px 0px 2px; background: Fuchsia; }
div#tlogol{text-align:left;float:left;padding:1px 0px 1px 0px;margin:1px 2px 0px 2px; background: Yellow; }
/*CORPO TOTALE*/
div#content{width:226px;}
/*CorpoCentrale con Menu*/
div#CorpoCentraleM{
float:right;
width: 75%;
background:#3399cc;
}
/*CorpoCentrale senza Menu*/
div#CorpoCentrale{
padding:5px 0px 5px 0px;
background:#3399cc;
}
/*Menu*/
div#Menu{
width: 25%;
background:#6633cc;
}
/*Impostazioni del testo*/
div#text_ac{margin-left:10px;margin-right:10px;text-align:center;background:#FFF}
div#text_ar{margin: 10px 10px;background:#FFF}
/*Fondo*/
div#footer{
text-align:center;
margin-top: 5px;
padding:5px;
background: #ffcc66;
color: #333}
e il modello della pagine è il seguente
Content
Header
tlogor
tlogol
titolo
CoprpoCentrale
Footer