DL DT DD non riesco ad Allineare

[ricman]

Mi date una mano ad allineare queste descrizioni?
Il risultato, al solito, è buono su FF ma non su IE (sia 6 che 7... i + vecchi non mi interessano).
Allegato anche foto esplicativa del risultato prima su FF e sotto su IE.

HTML
-------
<div class='desc1'>
	<h4>Dati Tecnici Macchina</h4>
	<dl>
		<dt>Altezza di lavoro:</dt><dd>Fino a 8000 mm</dd>
		<dt>Quantità di pannelli di stiratura:</dt><dd>2</dd>
		<dt>Lunghezza di pannelli di stiratura:</dt><dd>1700 mm</dd>
		<dt>Comando di pannelli di stiratura:</dt><dd>indipendente</dd>
		<dt>Catena con aghi:</dt><dd>passo 50 mm</dd>
		<dt>Tipo di catena:</dt><dd>speciale con guide scorrevoli e cuscinetti</dd>
		<dt>Potenza installata:</dt><dd>6 kW</dd>
		<dt>Velocità:</dt><dd>da 1 a 20 m/min</dd>
		<dt>Peso indicativo:</dt><dd>secondo altezza di lavoro</dd>
	</dl>
</div>



CSS
-------
.desc1 {
	width: 600px;
}
.desc1 dl, .desc1 dt, .desc1 dd {
	margin: 2px;
	padding: 0;
	display: block;
	line-height: 21px;
}
.desc1 dl {
	margin: 0px 20px 0px 20px;
}
.desc1 dt, .desc1 dd {
	float: left;
}
.desc1 dt {
	width: 40%;
	clear: both;
	color: #37638D;
	background-color: #f9f9f9;
}
.desc1 dd {
	width: 55%;
	background-color: #f9f9f9;
}

[TheBestNeo]

Creati un <dd> vuoto, con un margin-top dell'altezza della riga. Lo devi inserire dove manca il testo!

[ricman]

Originariamente inviato da TheBestNeo
Creati un <dd> vuoto, con un margin-top dell'altezza della riga. Lo devi inserire dove manca il testo!

Ma il testo non manca! ...cioè... se guardi il codice lo vedi sempre in questo modo:

<dt>titolo</dt><dd>descrizione</dd>
<dt>titolo</dt><dd>descrizione</dd>

Non ho mai una "riga" col solo DT...

[TheBestNeo]

Scusa mi sono espresso male. Dove il titolo a sinistra va su 2 righe, ci "assegni" a destra la descrizione e un altro <dd> vuoto, che però avrà come proprietà un margin-top. Dovrebbe funzionare...

[ricman]

Originariamente inviato da TheBestNeo
Scusa mi sono espresso male. Dove il titolo a sinistra va su 2 righe, ci "assegni" a destra la descrizione e un altro <dd> vuoto, che però avrà come proprietà un margin-top. Dovrebbe funzionare...

Ma così inserisco roba inutile!! Non è sbagliato da ogni punto di vista (semantica, codice sporco e inutile....)?
Ora la prova non l'ho fatta, ma pensavo che magari come dici tu inizia a sballare FF che ora funzionava bene...
Tntar non nuoce, ora mi levo la curiosità poi ti ridico....

[TheBestNeo]

Si è una cosa un po' "stupida" forse. Però altrimenti non mi vengono idee...

[Mich_]

Chiaramente e` un problema di clearing.

Se cerchi la pillola di Fabrizio chiamata
fabclearing
(in questo forum)
trovi anche come ha risolto lui il clearing che funziona anche in IE

La soluzione di TheBestNeo non funziona, non solo per la semantica, ma anche perche` non e` dato conoscere la larghezza dei blocchi: se per caso un blocco, che nell'esempio e` su una riga, va su due righe la patch fallisce in senso opposto.

[TheBestNeo]

Si in effetti è una soluzione stupida la mia!

[ricman]

Originariamente inviato da Mich_
Chiaramente e` un problema di clearing.

Se lo dice tu...

Originariamente inviato da Mich_
Se cerchi la pillola di Fabrizio chiamata
fabclearing
(in questo forum)
trovi anche come ha risolto lui il clearing che funziona anche in IE

Letta... ho fatto delle prove... ma mi sa che non c'ho capito molto
Da quello che ho visto lui applica il clearing alla classe che nel mio esempio è ".desc1". Però non succede (quasi) nulla (mi si avvina un po' il bordo in basso verso il testo).

[Mich_]

ui applica il clearing alla classe che nel mio esempio è ".desc1"

Non direi.
Secondo me il clearing va applicato al <dt>, come hai fatto nel primo post.
Solo che ci dev'essere un trucco per farlo capire anche ad IE.
Lui ha messo quell'
height: 1%;
che francamente io ho usato una volta sulla fiducia.