Dimensionare h1 h2 ....

[1984]

Ciao,

Ho una classica pagina con in alto a sx un logo e accanto un H1 e sotto un H2.
Così:


<div class="sitename">
<h1>NOME SITO <span class="di">di Rossi Bianchi</span></h1>
<h2>Laboratorio di bla bla bla</h2>
</div>


.sitelogo {
width: 59px;
height: 97px;
position:absolute;
z-index:1;
margin:18px 0 0 15px;
background:url(../img/logo58_96_trasp.gif);
}

.sitename {
width: 450px;
height: 97px;
position:absolute;
z-index:1;
margin: 55px 0 0 95px;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}
.sitename h1 {
font-weight: normal;
font-size: 310%;
margin-bottom: 8px;
}
.di {
color: #cc0000;
font-weight:normal;
font-size: 20px;
}
.sitename h2 {
margin:-2px 0 0 0;
color: #cc0000;
font-weight:normal;
font-size:160%;
}

Accanto all'h1 vorrei inserire esempio: "di Rossi Bianchi" ma con una dimensione più piccola di h1.

Uso le percentuali e per avere .di più piccolo ho dovuto usare i pixel.

Grazie
Vincenzo

[gabar-el]

formatta anche h1 (non formattarlo in quel modo, non conviene e non è il massimo), poi con la classe .di ti regoli di conseguenza.
magari usa gli em se non necessiti assolutamente di %
h1 {
.....
}
capito?

[1984]

ciao,

Perchè non è il massimo il modo in cui ho formattato h1?

Userò gli em.

Grazie

[gabar-el]

hai bisogno di identificarlo all'interno del div? perchè hai altri h1 in altri div? se no non ti serve a nulla. usa gli em, usa i margin e i padding che vengono dati di default dai vari browsere in modo diverso (quindi settali a 0)

non è il massimo perchè se usi % per le dimensioni non dovresti in teoria usare px per i padding o margin. usa gli em per entrambi e otterrai buoni risultati ridimensionabili correttamente...