[Ovillo] posicionando imagen (background)
Hola amigos, les cuento quiero usar una imagen de background pero que estaa su vez ocupe toda la pantalla o el marco del navegador, sin que se activen los scroll es decir se autoajuste al navegador un ejemplo es esta pagina: http://www.ribbit.com/ ..el background esta en 3 partes que suman en total 1575 px de ancho..obvio hago una imagen de ese tamañoy trato de ponerla asi no mas y queda totalmente desajustado toca mover el scroll, quisiera saber como lo hago? para que se autoajuste y no se active el scroll.. saludos y gracias ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] posicionando imagen (background)
No sé si entendí bien, pero con esta declaración en la hoja de estilos bastaría
para que una imagen de 1575px se ajuste al centro de la ventana del navegador.
Y dependiendo de la resolución del usuario siempre abarque el total horizontal
del diseño:
body {background: url(rutadelaimagen) no-repeat center top;}
Las barras para el scroll no se activan, ya que sólo responden al contenido de
la página. En esencia, una imagen de fondo, solicitada mediante CSS, no es
contenido, es formato.
Ya si quieres que se ajuste como la que los telefonistas de Silicon Valey
tienen en su página, te toca armar las tres imágenes y convertir la estructura,
que ellos solucionaron con una tabla con tres columas, a divs.
Saludos
--
Jorge Noricumbo nomás..
- Original Message
From: Hanlle Nicolás [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, December 30, 2007 11:47:09 AM
Subject: [Ovillo] posicionando imagen (background)
Hola amigos, les cuento quiero usar una imagen de background pero que
estaa su vez ocupe toda la pantalla o el marco del navegador, sin que
se activen los scroll es decir se autoajuste al navegador un ejemplo
es esta pagina: http://www.ribbit.com/ ..el background esta en 3
partes que suman en total 1575 px de ancho..obvio hago una imagen de
ese tamañoy trato de ponerla asi no mas y queda totalmente desajustado
toca mover el scroll, quisiera saber como lo hago? para que se
autoajuste y no se active el scroll..
saludos y gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] posicionando imagen (background)
Pues ya viendo la pagina, pues son fondos separados, un div tiene
esta imagen de fondo http://www.ribbit.com/images/home/main_bg.jpg ...
y dos td a los lados con los fondos que tiene solo pasto y cielo:
.right {
background: url(../images/home/right_bg.jpg) repeat-x;
color: #f5fafb;
}
.left {
background: url(../images/home/left_bg.jpg) repeat-x;
color: #f5fafb;
}
y por el repeat-x es q se ajusta a toda la pantalla...
Saludos
On Dec 30, 2007 10:43 AM, Jorge Noricumbo [EMAIL PROTECTED] wrote:
No sé si entendí bien, pero con esta declaración en la hoja de estilos
bastaría para que una imagen de 1575px se ajuste al centro de la ventana del
navegador. Y dependiendo de la resolución del usuario siempre abarque el
total horizontal del diseño:
body {background: url(rutadelaimagen) no-repeat center top;}
Las barras para el scroll no se activan, ya que sólo responden al contenido
de la página. En esencia, una imagen de fondo, solicitada mediante CSS, no es
contenido, es formato.
Ya si quieres que se ajuste como la que los telefonistas de Silicon Valey
tienen en su página, te toca armar las tres imágenes y convertir la
estructura, que ellos solucionaron con una tabla con tres columas, a divs.
Saludos
--
Jorge Noricumbo nomás..
- Original Message
From: Hanlle Nicolás [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, December 30, 2007 11:47:09 AM
Subject: [Ovillo] posicionando imagen (background)
Hola amigos, les cuento quiero usar una imagen de background pero que
estaa su vez ocupe toda la pantalla o el marco del navegador, sin que
se activen los scroll es decir se autoajuste al navegador un ejemplo
es esta pagina: http://www.ribbit.com/ ..el background esta en 3
partes que suman en total 1575 px de ancho..obvio hago una imagen de
ese tamañoy trato de ponerla asi no mas y queda totalmente desajustado
toca mover el scroll, quisiera saber como lo hago? para que se
autoajuste y no se active el scroll..
saludos y gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
