Foros del Web » Creando para Internet » HTML »

Adaptar mi web a las distintas resoluciones.

Estas en el tema de Adaptar mi web a las distintas resoluciones. en el foro de HTML en Foros del Web. Hola! estuve leyendo en el foro, pero no encuentro solución. Mi web está creada en 800x600, entonces cuando se ingresa desde un monitor de mayor ...
  #1 (permalink)  
Antiguo 13/02/2011, 14:20
 
Fecha de Ingreso: febrero-2011
Mensajes: 27
Antigüedad: 6 años, 10 meses
Puntos: 0
Adaptar mi web a las distintas resoluciones.

Hola! estuve leyendo en el foro, pero no encuentro solución. Mi web está creada en 800x600, entonces cuando se ingresa desde un monitor de mayor resolución, se vé todo a un costado

No quiero hacer una pagina para cada resolución, lo que prefiero es hacer como facebook, que al entrar desde un monitor mas grande, se centra y continua el color azul del banner.

Espero explicarme correctamente.

Saludos!
  #2 (permalink)  
Antiguo 13/02/2011, 14:41
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Adaptar mi web a las distintas resoluciones.

Se trata de incluir la página en contenedores centrados usando la propiedad "margin:0 auto".
Imagina un ejemplo simple. Tenemos sólo una cabecera y el cuerpo de la página. La cabecera ocupa el ancho total pero su contenido y el del cuerpo tienen 800px de ancho.
Este puede ser el CSS:
#cabecera{
width:100%;
background:url(imagenFondo.gif) repeat-x;
height:50px; /* la altura que sea */
}
#cabecera .contenido {
width:800px;
margin:0 auto;
}
#pagina{
width:800px;
margin:0 auto;
}

Y esto otro el HTML
<body>
<div id="cabecera">
<div class="contenido">
</div>
</div>
<div id="pagina">
</div>
</body>

Etiquetas: distintas, adaptador
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:45.