Web para diversos tamaños de pantalla y navegadores

[cuervo699]

Hola! estoy programando un sitio web con php, pero tengo problemas con los tamaños de pantalla y los diversos navegadores

Quiero mi sitio web sea visible bien (que no se corra) en los diversos tamaños de pantalla y distintos tipos de navegadores

Probe utilizando % pero aun asi no me funciono

Lei en un articulo que decia que tenia que crear distintas carpetas (Sitios) para los diversos tamaños de pantalla y con un script localizarla, este es el script

Código HTML:

<script language="JavaScript1.2">
/*
Diferentes versiones según la resolución
*/
//para resolucion 800x600
if (screen.width==800||screen.height==600) 
   window.location.replace("es800600/index.html")

// para resolucion 640x480
else if (screen.width==640||screen.height==480) 
   window.location.replace("es640480/index.html")

//para resolucion 1024x768
else if (screen.width==1024||screen.height==768) 
   window.location.replace("es1240768/index.html")

//para otras resoluciones
else 
   window.location.replace("es1240768/index.htm ") 
</script> 

Pero lei que esta manera no era muy recomendable, entonces les pregunto

¿Como puedo crear un sitio web visible para los diversos tamaños de pantalla y diversos tipos de navegadores?

[yonaida]

si probaste usando % y no te funciono es que no supiste aplicar bien los porcentajes, puesto que normalmente es la mejor opcion para adaptar a las resoluciones. seria interesante saber si tu pagina usa pantalla completa, o mas bien es un div centrado. aqui la cosa cambia un poco, pero al final siempre es lo mismo de poner TODO en porcentajes, nada en pixles.

lo de los navegadores lo mejor es que empiezes aplicando el famoso reset.css y apartir de ahi hagas el css de tu pagina, suele funcionar, aunque con minimas diferencias, a veces poco notables.

[cuervo699]

Como se deben usar los porcentajes??? por ejemplo, mi web usa pantalla completa, peroo puse todo con porcentajes, como no sabia como se hace, cambie todo lo que estaba en px y lo puse en %, se ve bien en una resolucion de 1280x800 pero cuando cambio la configuracion de mi pc a 800x600, todo se descuadra y no se porque, ya que lo hice en %

[yonaida]

como has de suponer, si le metes divs laterales, divs dentro de divs, menu y demas,
el ancho ha de ser en % para que se encoja o se amplie junto con el resto de la pagina.
aqui tienes una pagina que tiene unos ejemplos por si te sirven de ayuda.
http://www.araudi.net/


body {
height: 100%;
overflow: hidden;
margin: 0;
}
#head
{
width:100%;
position: relative;
height: 100px;
}
#central {
overflow: auto;
position: absolute;
width: 100%;
}
#pie {
width: 100%;
height: 30px;
position: absolute;
}