Imagenes Inline en IE7

Es normal que al realizar el estilo de una página no se vea bien algún aspecto en todos los navegadores. Con las imágenes, propiedad display e Internet Explorer 7, pasa exactamente eso.

Aunque el valor 'inline' de display permita ver la imagen en la misma 'linea' que el resto del código del contenedor. Al verse en un navegador IE7 se ve la imagen en un desmarcada y en por debajo del resto de elementos del contenedor.

Para evitar esto debemos incluir las siguientes propiedades a la clase CSS

.imgInline{
     display: inline;
     vertical-align: top;
     zoom: 1;
}

Textarea con un ancho del 100%

Lo que tienen los textarea en html que su ancho se mide principalmente por columnas. Es por esto que no es fácil darles un ancho concreto que sea idóneo para todos los navegadores y todas las resoluciones (Y más hoy en día con tantas posibilidades).

Una forma de poder hacerlo, es incluir el textarea en un capa con el ancho deseado, y darle al textarea la propiedad de un width 100%. La forma sería la siguiente:

El css sería así:

textarea.width100{
    width: 100%;
}
div.textareawrapper{
    padding:0px 4px 0px 0px;
} 

Y el código de la página sería así:

Aquí podemos ver un ejemplo:

Lo he probado en Chrome 24.0.1312.57, en Firefox 18.0.2 y en un 'maravilloso' IE 7.