Foro de elhacker.net

Bueno pues como sabran, como si fuera poco la incopatitibidad entre navegadores en la creacion de aplicaciones web, hay que enfrentarse al inconveniente que se presenta a la hora de visualizar las paginas web en distintos dispositivos a diferentes resoluciones...yo que estoy iniciando en esto del diseño web, es algo que me aveces me provoca muchos dolores de cabeza y muchas tazas de cafe  ;D para una noche en busca de un layout que me permita visualizar mis paginas tal y como las diseño.

Ya se que hay hacks css y otros trucos, pero, me preguntaba que tipo de layout o tecnicas utilizan ustedes, que recomendacion me podrian dar para lograr un layout mas "estandar".

de antemano muchas gracias.

Ahoramismo me encuentro diseñando una web y estoy sufriendo también los problemas de incompatibilidad y tal. A la hora de diseñar tropiezas de cabeza con dos problemas.

El primero, son los navegadores, ya que existen como unos 3 motores distintos por así decirlo: Internet Explorer, Opera, y Firefox+Chrome+Safari. Por ello, siempre te encuentras algún problema is por ejemplo... quieres redondear unos divs, ya que para Internet Explorer a dia de hoy y que yo sepa no existe método alguno (salvo eso de importar un archivo que hicieron, pero no me gusta ese método personalmente).

Otro problema que te puedes encontrar, son las resoluciones. Desde la más baja extendida (yo diria que es 800x600, pero casi siempre, paso a la de 1024x768) hasta las que incorporan cada vez más portátiles de 1300 y pico por 768.

Soluciones:
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.

A lo segundo. Personalmente, cada vez intento usar menos lo de las posiciones en CSS, y trato de alinear siempre al centro. Metete en softpedia, verás que "lo principal" está centrado" y deja un margen a los lados derecho e izquierdo, el cual sirve para "relajar" un poco la página, y en caso de que algún usuario lo vea con menor resolución, el margen ese disminuye, pero el contenido sigue estático.

No se si este tocho te servirá de ayuda xD te he relatado mi poquísima y limitada experiencia como diseñador web.

PD: se me olvidaba. Si necesariamente se han de dar proporciones y cosas asi, yo recomendaria hacerlo (salvo en casos excepcionales) siempre con porcentajes.

Un saludo!

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? :xD

Yo prefiero un Hack.css bastante amplio... me ayuda mucho con los estandares.