Foros del Web » Creando para Internet » CSS »

tamaños de pagina - ajuste en el navegador

Estas en el tema de tamaños de pagina - ajuste en el navegador en el foro de CSS en Foros del Web. Hola. Llevo años dedicándome a explorar y diseñar webs, y desde hace un tiempo me he enganchado a diseñar con css, e intento descubrir cosas ...
  #1 (permalink)  
Antiguo 11/06/2008, 02:35
Colaborador
 
Fecha de Ingreso: diciembre-2005
Mensajes: 2.899
Antigüedad: 12 años
Puntos: 281
tamaños de pagina - ajuste en el navegador

Hola.
Llevo años dedicándome a explorar y diseñar webs, y desde hace un tiempo me he enganchado a diseñar con css, e intento descubrir cosas nuevas.
Como siempre navegando, ves cosas de otras webs que te gustan y que te llaman la atención.
Ayer mismo, vi algo de esta web http://www.zssm-lj.si/si/
que me gustaría poder controlar.
Por un lado es el tema del ajuste de la web al navegador. Me gustaría hacer lo mismo que esta web, que al hacer la pantalla del navegador más pequeña, los laterales de la cabecera desaparecen, quedando solo la cabecera con el título.
Por otro lado también me gusta mucho como tiene el solucionado el tema del menú de navegación que se superpone a la cabecera con una sombra.
Podriais decirme como lograr esto.
Gracias
__________________
Diseño y posicionamiento de paginas web Diseñador web freelance
Sigueme en Google Plus
  #2 (permalink)  
Antiguo 11/06/2008, 03:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: tamaños de pagina - ajuste en el navegador

El tema del menú con sombra sobre la cabecera está hecho con una imagen (como no puede ser de otra manera):

http://www.zssm-lj.si/static/images/nav_bgg.gif

Y el asunto del centrado y el dimensaionado es sencillo:

En primer lugar usa una imagen de fondo para el body

body {
text-align: center;
background: #fff url(../images/bg.gif) repeat-x;
}

con esta imagen que repite en x

http://www.zssm-lj.si/static/images/bg.gif

Y luego, pone un contenedor principal que tiene un ancho definido y está centrado:

#container {
width: 850px;
margin: 0 auto;
text-align: left;
position: relative;
}

Y ¡Voilá! Eso es todo.

Mikel.
  #3 (permalink)  
Antiguo 11/06/2008, 03:36
Colaborador
 
Fecha de Ingreso: diciembre-2005
Mensajes: 2.899
Antigüedad: 12 años
Puntos: 281
Respuesta: tamaños de pagina - ajuste en el navegador

Muchisimas gracias por todo.
__________________
Diseño y posicionamiento de paginas web Diseñador web freelance
Sigueme en Google Plus
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 02:31.