Tema: Poner fondo en los laterales de un sitio web

Puedes ver el fondo de las paginas y sacar las medidas. el de smart es de 1.600 de ancho, saber que ancho es tu pagina y dejar ese espacio.

Puedes poner el fondo en la etiqueta html { background:url(); } asi despues podrias poner otra cosa o algun efecto en el fondo con body { background... }

Fondo o rich media?

Iniciado por the edge

Fondo o rich media?

Solamente fondo, nada interactivo, la idea es que este fondo utilize los laterales del sitio web cuando la pantalla del que lo ve sea mas ancha que el cuerpo del sitio, como en los ejemplos que puse allá arriba.

Fijate en lo que hicieron en ZMart, colocaron un div general que actua como contenedor de toda la pagina y en su CSS:

Código:

background: url("/productos/bg_FIFA13.jpg") no-repeat fixed center top #020202

Basicamente un fondo centrado sin repetir y con un color de fondo para las partes que se escapan de la imagen.

Dentro de ese div simplemente tienes que colocar otro div centrado horizontalmente y con un ancho de pixeles fijo.

Como dice VJ, luego cuando tengas el ancho de tu página, editas la imagen dejando ese espacio al medio. Algo como

<div id="wrapper">
<div id="pagina">
</div>
</div>

Por ejemplo wrapper contiene a la pagina, con una imagen de fondo, mide 1600px (en el css declaras la condicion q puso VJ), y la pagina mide 800px de ancho (la centras con margin: 0 auto, entonces seria algo como 1600px-800px: 800px, lo que serian 400px por lado, y con eso juegas y colocas la imagen q desees.