CSS: inline-block cross-browser

CSS: inline-block cross-browser

Com'è noto, il valore inline-block della proprietà CSS display non è supportato da Internet Explorer 6 e 7. Tuttavia usando degli hack è possibile emulare il comportamento di questo valore anche in questi browser.

Ricordate sempre che se usate gli hack il vostro CSS non supererà la validazione. Quindi il codice per IE andrebbe servito tramite commenti condizionali:


#box {
	width: 200px;
    min-height: 250px;
    display: inline-block;
    vertical-align: top;
    zoom: 1; /* IE6/7 */
    *display: inline; /* IE6/7 */
    _height: 250px;  /* IE6/7  */
}
Torna su