come molti colleghi sapranno, l'italic bug crea un aumento di dimensione nel contenitore di determinati elementi che hanno 'font-style' settato su 'italic' (per es. [i] e <cite>). su IE6 la cosa si può risolvere in due modi: o con 'overflow' settato su 'visible' per il contenitore, o con 'zoom' settato a 1 sempre per lo stesso. da un mio test ho visto che se il testo in corsivo non va su più righe, è possibile dare 'zoom:1' anche direttamente agli elementi figli. ma per IE5? ecco un workaround:
il secondo fix è per IE5. con 'height: 0' gli diamo layout e con le altre due proprietà ripristiniamo l'allineamento verticale del testo nella riga. questo fix, ripeto, è preferibile quando sappiamo già che il testo in italic non va su più righe.codice:<!--[if lt IE 7]> <style type="text/css" media="screen"> em, cite {position: relative; zoom: 1;} /* IE6 */ /*\*/ * html em, * html cite { height /*\*/: 0; vertical-align /*\*/: middle; line-height /*\*/: 100%; } /**/ </style> <![endif]-->
ciao
un grazie speciale al mitico
Bruno Fassino >> http://www.brunildo.org/test/


					
					
					
						
  Rispondi quotando