Welcome to

Bulletz

Shots about web, tech & culture

Css hack per IE: tag !important

November 20th, 2006

Se leggete questo post vi sara’ capitato di constatare come alcuni comandi dati ad una pagina XHTML da CSS vengano interpretati in modo diverso a seconda del browser in uso.Nello specifico il problema riguarda principalmente Internet Explorer, almeno fino alla versione 6.0.
Ad esempio, un box di testo con margine sinistro di 15px, puo’ essere interpretato da Explorer 6.0 in modo diverso rispetto ad altri browser strutturalmente piu’ moderni. Semplicemente Internet Explorer in alcuni casi rendera’ a monitor un margine con ingombro maggiore rispetto a Firefox, Opera o Safari a parita’ di pixel o em indicati. Il tutto con il risultato di sputtanarvi il layout.
Bene. Si puo’ risolvere il problema utilizzando un piccolo hack.

.text {

margin-left: 15px !important;
margin-left:10px ;

}

IE 6.0 legge solo il secondo ignorando il primo, gli altri browser solo il primo, perchè marchiato come importante.

Si puo’ usare ogni volta che Internet Explorer interpreta “a modo suo” alcuni stili CSS

Posted by Le Selecta in CSS, Hack, Web | No Comments »

copyright © 2oo6 by Bulletz | Powered by Wordpress