Consulenza-Web.com » workaround http://www.consulenza-web.com Blog di Marco Pegoraro su Consulenza Web ed Informatica, Programmazione Web e realizzazione di Siti Web Accessibili. Fri, 23 Jul 2010 11:13:10 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 IE8: bug nella visualizzazione di fieldset e legend http://www.consulenza-web.com/2009/12/ie8-bug-nella-visualizzazione-di-fieldset-e-legend/ http://www.consulenza-web.com/2009/12/ie8-bug-nella-visualizzazione-di-fieldset-e-legend/#comments Wed, 16 Dec 2009 14:12:31 +0000 peg http://www.consulenza-web.com/?p=148 Questo articolo propone una semplice soluzione ad un problema identificato su IE8 quando si tenta di nascondere la legend di un fieldset.

Visualizzazione Errata:

ie8 rendering errato di fieldset con legend nascosto

ie8 rendering errato di fieldset con legend nascosto

Visualizzazione Corretta (work-around applicato):

IE8 visualizzazione di un fieldset con legend nascosto (workaround applicato)

IE8 visualizzazione di un fieldset con legend nascosto (workaround applicato)

Markup Originale:

xHTML:
-----------------
<fieldset>
    <legend>Legenda</legend>
    ....
</fieldset>
CSS:
-----------------
fieldset { border:6px solid #ddd; }
fieldset legend { display:none; }

Spiegazione Workaround:

La soluzione più semplice e cross-browser è inserire uno SPAN all’interno del tag LEGEND e quindi applicare la visibilità nulla a questo elemento:

xHTML:
-----------------
<fieldset>
    <legend><span>Legenda</span></legend>
    ....
</fieldset>
CSS:
-----------------
fieldset { border:6px solid #ddd; }
fieldset legend span { display:none; }
]]> http://www.consulenza-web.com/2009/12/ie8-bug-nella-visualizzazione-di-fieldset-e-legend/feed/ 0