Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/09/2008, 12:39
Shamanet
 
Fecha de Ingreso: septiembre-2008
Mensajes: 25
Antigüedad: 15 años, 7 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.