A lo primero, usar Photoshop. Photoshop es una herramienta de diseño gráfico, y por supuesto puede ayudarnos a los diseñadores web también, ya que si queremos bordes redondos en todos los navegadores (siguiendo el ejemplo), lo mejor es realizar un .gif transparente con bordes redondos y ponerlo de alguna manera.
Me parece la mejor solucion, sencilla y practica.
Segun veo en los ejemplos de diferentes layouts en la web, para remediar algunas incopatibilidades es posible usar javascript, esto me parece mucho mejor que utilizar hacks css, pues desde mi punto de vista usar javascript para tal fin no seria en realidad un hack, ademas hace el codigo mas limpio.
Al menos para los divs la solucion podria ser el uso de min/max-width/height , si prueban minimizar la ventana de navegador las paginas del foro parecen utilizarla, no asi la pagina principal
Pero....y para el texto y las imagenes...supongan lo siguiente: Tienes un div en la pagina principal que ocupa el 70% del ancho de la pagina, es un div para presentar algun tipo de articulo nuevo, si uso div con %, la linea del texto se ampliara en longitud tanto como lo haga el div contenedor(este problema ya es conocido en este tipo de diseño), la solucion que he leido es el uso del min/max-width/height, pero...¿y si no quiero definir el ancho fijamente para que el aspecto del articulo sea igual en todos los navegadores independientemente de la resolucion? otra vez esta el problema de la resolucion, ya que el div(fijado en px) podria ser demasiado pequeño o demasiado grande para el div contenedor(en %).
entonces....¿que se podria hacer?