codigo para resolucion

cyber1977 · #1 (**permalink**) 27/11/2010, 13:09

Hola. Necesito el codigo para que mi website se vea bien en cualquier tipo de monitor. esta hecha solo en html. Gracias.

webosiris · #2 (**permalink**) 28/11/2010, 06:49

no existe tal cosa como un código maravilloso y único caído del cielo.

_Adrian_ · #3 (**permalink**) 28/11/2010, 09:50

Tienes que detectar la resolución de la pantalla con CSS o JavaScript y después aplicar estilos CSS dependiendo de la resolución.
Aquí hay un tutorial sobre cómo detectar la resolución de la pantalla con CSS, y aquí otro tutorial sobre cómo detectar la resolución con JavaScript.

Saludos

rzkgraphics · #4 (**permalink**) 28/11/2010, 22:36

Cita:

Iniciado por cyber1977

Hola. Necesito el codigo para que mi website se vea bien en cualquier tipo de monitor. esta hecha solo en html. Gracias.

jajaja la verdad que no existe un CODIGO PREDETERMINADO para tal cosa, deberias de expresarte mejor, estamos para ayudarte a que aprendas, no para hacertelo de gratis jeje.

lo que seguro y buscas es algo que hace un momento respondí, y tiene que ver con la posición en la que pongas tu capa. Comencemos por qué es que esté hecha solo en HTML? y qué es lo que quieres que se vea bien?. Saludos, cualquier duda te ayudo con gusto.

Putomyspace · #5 (**permalink**) 29/11/2010, 00:43

Cita:

Iniciado por cyber1977

Hola. Necesito el codigo para que mi website se vea bien en cualquier tipo de monitor. esta hecha solo en html. Gracias.

Hola, cyber1977
Quizás esto te sirva, debes de colocar el código javascript entre las etiquetas <head></head>

Código PHP:

      <script LANGUAGE="JavaScript"> 
 
    function redireccionar() { 
 
    var url640x480 = "http://www.tusitioweb.com/640x480"; 
 
    var url800x600 = "http://www.tusitioweb.com/800x600"; 
 
    var url1024x768 = "http://www.tusitioweb.com/1024x768"; 
 
    if ((screen.width == 640) && (screen.height == 480)) 
 
    window.location.href= url640x480; 
 
    else if ((screen.width == 800) && (screen.height == 600)) 
 
    window.location.href= url800x600; 
 
    else if ((screen.width == 1024) && (screen.height == 768)) 
 
    window.location.href= url1024x768; 
 
    else window.location.href= url640x480; 
 
    } 
 
    </script>

En el javascript podrás modificar las resoluciones que queráis que soporte. Y luego modificamos la etiqueta <body> dejándola de esta manera:

Código PHP:

    <body onLoad="redireccionar()">

Espero que te haya servido, y aquí estamos de vuestra parte dispuesto a ayudar :) Saludos.

Rafael · #6 (**permalink**) 29/11/2010, 01:16

Hola estimado UsuarioEnojadoconMySpace

. Eso de redireccionar dependiendo de la resolución del monitor del usuario... En mi humilde opinión ya no viene al caso. La gran cantidad de monitores y combinaciones de resoluciones y aspect ratio es demasiado grande.

La pregunta es dirigida que se vea bien, por lo que quizá la respuesta sea: un sitio líquido con ciertos límites de ancho máximo y mínimo, un css degradable y quizá unos fondos seamless bonitos e integrados.