Atados con la resolucion

Chic@s:

Estoy haciendo la web de unos clientes, esta 90% terminada, faltan algunos textos y pequeños detallitos, pero el cliente dice que todo se le ve "montado" en su netbook de como 9". Yo la hice pensando en 1024x768 y no he visto mayores problemas en 3 PC distintos con diferentes navegadores y S.O (Win7 + FF + Chrome + IE8 // Ubuntu 11.04 + FF + Konqueror // Snow Leopard + Safari + Chrome).

Si pudieran revisarla y ver si me quedo algo por resolver o revisar les agradecere. El link es www.acrecer.cl/index.html

Saludos

no debes usar tablas para maquetar el sitio. para eso estan los div's y el css. si utilizaras css3 podrías establecer diferentes layouts para diferentes resoluciones.

pero comienza quitandole las tablas.

para ver como reacciona el site en resoluciones mas chicas , solo debes achicar el navegador y ves como se enciman los elementos.

piensa mejor como estas manejando los margenes laterales.

El problema que tienes es que cuando se reduce el tamaño de la ventana, el slide central que tienes en el home, se monta sobre la columna derecha, es decir las imágenes quedan por encima.

Puedes comprobarlo reduciendo la ventana de tu navegador horizontalmente, sin necesidad de probarlo en otra pantalla.

Esto pasa por que el ancho de la columna central esta definido en porcentaje (60%), entonces al reducir el ancho de la ventana, ese 60% se reduce, pero las imágenes que tiene dentro en cambio tienen un valor fijo, por lo que llega un punto en el que el ancho del div contenedor es menor que el ancho de la imágenes que tiene dentro, por lo tanto estas se salen del div y se montan sobre la columna derecha.

Veo dos posibles soluciones, una es definirle un tamaño mínimo al contenedor central en pixeles equivalente al tamaño de las imágenes, esto se hace con min-width, de esta manera nunca medirá menos de eso, sin importar el ancho de la pantalla.

La otra y que de hecho puedes aplicarlas ambas, es poner a flotar a la derecha en vez de a la izquierda tu contenido Sidebar 2, de esta manera siempre estará pegado al margen derecho. del contenedor principal.