Foros del Web » Creando para Internet » CSS »

CSS, min-width y scroll horizontal.

Estas en el tema de CSS, min-width y scroll horizontal. en el foro de CSS en Foros del Web. Hola necesito la ayuda de algún guru en CSS, por favor. Mi problema es el siguiente. ¿Como lograr el efecto que se ve en la ...
  #1 (permalink)  
Antiguo 15/09/2008, 12:39
 
Fecha de Ingreso: septiembre-2008
Mensajes: 25
Antigüedad: 15 años, 6 meses
Puntos: 2
Pregunta CSS, min-width y scroll horizontal.

Hola necesito la ayuda de algún guru en CSS, por favor.

Mi problema es el siguiente. ¿Como lograr el efecto que se ve en la pagina principal de Blogger https://www.blogger.com/, como pueden ver la información pricipal resalta del fondo, gracias a la sombra que incluye su diseño.

Dicha sombra se consigue gracias a una imagen que fue colocada de fondo https://www.blogger.com/img/sides_body.png y repetida de forma vertical. Hasta aqui todo excelente. Ahora viene el problema...

Si se dan cuenta la imagen de fondo que menciono anteriormente mide 810px, sin embargo eso incluye la sombra, en realidad el espacio que sera utilizado para mostrar el sitio mide 40px menos aprox. Ahora viene la magia...

Actualmente utilizo Firefox 3, no se como se vea en otros navagadores. Al momento en que ustedes redimensionan su ventana del navagador o entran con una resolución menor, al sitio de Blogger, ven como magicamante la sombra va desapareciendo y el scroll horizontal solo aparece hasta que se trata de reducir la ventana mas haya del tamaño del contenido. Ahora la pregunta...

¿Como hicieron que la sombra desapareciera, si sabemos que la imagen de fondo es el background de una clase o id que debe de medir lo mismo que la imagen (810px)? Por lo tanto el scroll deberia aparecer apenar se tratara de reducir la ventana un poco mas haya de la sombra.

Casi estoy seguro que min-width tiene algo que ver en el asunto, pero no se como aplicarlo bien.

Ayuda por favor, gracias de antemano.
  #2 (permalink)  
Antiguo 15/09/2008, 13:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: CSS, min-width y scroll horizontal.

Hola Shamanet
Hasta que venga algún gurú, te doy la opinión de un novato.
No hay ni magia ni nada del otro lado, solo css
El fondo lo declara como:
|| background:#E1D4C0 url(../img/sides_body.png) repeat-y center top; ||
el color #E1D4C0 del fondo es el mismo que tiene la imagen sides_body.png a los extemos.
La imagen la tiene colocada al centro del body, al centro sea cual sea la resolución de la pantalla, por eso, cuando redimensionas, siempre la ves en el centrada.

Todo esto lo puedes ver si junto a Firefox utilizas web developer o firebug.

Un saludo, y bienvenido a FdW.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 05:23.