No todos los navegadores respetan el atributo z-index cuando se aplica a elementos <iframe> y <select>.
Es más, los navegadores de cuarta generación pueden llegar a mostrar todos los elementos de un formulario por encima de todos los demás.
El ancho/alto de un elemento se refiere al contenido disponible, por tanto se ignora el borde y el padding. Por ejemplo, un div con un borde de un píxel, un padding de 5 y un ancho de 30 medirá en total 36 píxel de ancho. Los navegadores IE desde el 4 hasta el 5.5 (pero no el 5 para Mac), sin embargo, calculan mal estas dimensiones y sí incluyen el borde y el padding en el cómputo total.
IE 6 tiene dos modos de funcionamiento: estándar, que calcula bien las dimensiones, y compatibilidad, que lo hace como las versiones previas. La forma de activar un modo u otro es mediante el document-type del documento html:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Strict//EN”>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
Etiquetas: CSS, diseño web, IE
