Validando y compatibilizando

Domingo, 14 Octubre 2007 a las 19:34

Antes que nada, debo darle millones de gracias a Carmen , por ayudarme e interesarse en los problemas que tenía para visualizar correctamente este blog bajo Internet Explorer.

Ya lo sabéis, ¿no? El blog se ve perfectamente en todos los navegadores (bueno, casi perfectamente en Ópera); excepto en Internet Explorer. La barra lateral se va abajo del todo cuando estamos viendo una entrada mediante su permalink.

¡¡¡PUES YA NO!!!

Carmen se interesó en el problema que tenía y me sugirió varias posibles causas. Entre ellas, que tal vez el ancho de la caja de texto textarea donde iban los comentarios fuera demasiado e Internet Explorer la mandara abajo al invadir el margen. Me puse a la faena y, cuando vi el código fuente me acordé de que ya se me había ocurrido toquetear ahí sin éxito, modificando el parámetro cols (columnas) de la etiqueta textarea, pero se quedaba igual. Pero no pensé en desistir en ese momento y se me ocurrió mirar en el CSS, a ver qué tal…

#commentform textarea {
width: 400px;
padding: 5px;
margin: 2px;
border: 1px solid #49647d;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#commentform #submit {
margin: 0;
float: left;
border: 1px solid #49647d;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

¡Ahí estaba la clave! Reduje drásticamente el width de la #commentform textarea y, de paso, moví a la izquierda el botón Enviar (por si las moscas). Tras la comprobación con IE7, el resultado fue muy positivo. Pero con IE6 no he podido comprobarlo hasta hoy, pero perfecto también.

Así que nada, gracias de nuevo a Carmen por su interés.

Decir que, ya que he tocado el código de muchos archivos, me he molestado en que el blog pase el test W3c. Eso sí, como me es imposible eliminar el código que muestra la publicidad de Lycos (como mucho puedo neutralizarlo), sólo he puesto a prueba el código que depende de mí (el de Wordpress). Y tras algunas correcciones, cumple los estándares estrictamente (salvo los vídeos insertados de Youtube).

¡¡Soy compatible!!*

*Testeado con IE6 SP2, IE7, Ópera 9.22 y la última versión de Firefox, todos bajo Windows XP

Archivado bajo El blog