Elementos laterales en monitor panorámico

[marcelo1043]

Buenas.

Quisiera saber cómo se hace para añadir elementos laterales (fotos o lo que sea en un div) a mi web http://www.cineraro.com/ como lleva http://elpais.com/ cuando incluye publicidad, excediendo las dimensiones básicas de este formato 1024 * 768 ó 1280 * 1024 ampliándolo hasta llenar completo un monitor panorámico.

Pasar de esto en monitor normal 1024*768:
http://www.cineraro.com/normal.PNG

A ésto al reducir escala en 1024*768 o bien en monitor panorámico:
http://www.cineraro.com/panoramico.PNG

La dificultad no es tanto colocar divs sino que la web abra en 1024*768px centrada con el bloque central y deje ver los laterales añadidos SOLO al reducir la escala del navegador, y por supuesto quede centrado todo en el monitor panorámico.

¿Como se ponen las imágenes que no me salen?

Gracias de antebrazo.

[pablolombardo]

Buenas,

Yo lo resolvería con media querys.

Por ejemplo, una sería colocar los laterales con márgenes negativos saliéndose del contenedor central y teniendo dicho contenedor la propiedad overflow: hidden para ocultar esos laterales y que cuando la resolución sea mayor el contenedor central adquiera la propiedad overflow: auto mostrando así los laterales.

Decime si te sirve la respuesta o si necesitas más detalles.

Saludoss.

[marcelo1043]

Iniciado por pablolombardo

Buenas,

Yo lo resolvería con media querys.

Por ejemplo, una sería colocar los laterales con márgenes negativos saliéndose del contenedor central y teniendo dicho contenedor la propiedad overflow: hidden para ocultar esos laterales y que cuando la resolución sea mayor el contenedor central adquiera la propiedad overflow: auto mostrando así los laterales.

Decime si te sirve la respuesta o si necesitas más detalles.

Saludoss.

Bueno, no tengo conocimientos de JQuery, así que puse una imagen de fondo enorme en body y la estoy editando como collage.
Como el contenedor del contenido del index (valga la redundancia) esta centrado con margin-auto, la imagen de fondo en body se comporta como quería sobresaliendo por los laterales completamente en panorámico y dejándose adivinar en 1024*768 por poquito, igual que en los díarios digitales que ponen publicidad especial cuando lanzan un modelo de auto:

PRUEBA CON IMAGEN DE FONDO

Gracias por la respuesta. Si tienen alguna sugerencia sobre el diseño o algún comentario se lo agradezco.

[pablolombardo]

Las media querys no son jquery, son puro css.

Si te sirve con solo imagen de fondo no hay problema. Yo pensé que querías hacerlo clickeable como las publicidades.

Saludoss.