Barrapunto

Una posibilidad más limpia que colocar cuatro imágenes en las esquinas, modificando el (X)HTML para ello, es utilizar sólo dos imágenes: una para la parte superior (título del bloque, por ejemplo) y otra para la inferior (cuerpo del bloque). Por supuesto esta solución sólo funciona para bloques de anchura fija, pero escala bien con los cambios de tamaño de letra que pueda hacer el usuario y es condenadamente simple. Para rematar el asunto, si el fondo del bloque contenedor de los bloques redondeados es de un color uniforme puedes dibujar el "espacio hueco" dejado por las esquinas de ese color de fondo, en lugar de dibujar las esquinas redondeadas en sí. La ventaja de esto es que el mismo gráfico te servirá para redondear bloques de cualquier color o textura de fondo. Puedes hacerlo con gif's transparentes, olvidándote de suavizar los bordes, o con png's apañando los problemas del condenado IE con el canal alfa de este formato. Tienes una descripción de esta técnica mejor de la que pueda hacer yo en A List Apart [alistapart.com] Con las esquinas redondeadas con CSS ocurre lo mismo que con la distribución en tres columnas: tienes decenas de posibles soluciones, elige la que más te guste conforme a tu balance personal entre la estética y el purismo técnico :)

Vaya, no me había fijado que ya habías comentado lo mismo que yo antes de poner yo casi el mismo comentario... lo siento.

Ahora que lo comentas, que el navegador mayoritario no soporte el canal alfa de los PNGs es una auténtica puñeta, se pueden hacer auténticas virguerias con eso... y si hablamos del soporte a CSS2 pues ya hemos terminado.

Lo que más rabia me da es que otros navegadores como el Camino de Mac en las actualizaciones también solucionan fallos de renderizado mientras que iexplorer sólo tiene actualizaciones de seguridad.

Por cierto, ¿alguno ha usado IE7 [edwards.name] en alguno de sus proyectos, valida, es tan cojonudo como dicen que es?