[Ovillo] Centrar imagen de fondo
Hola a todos:
¿Es posible centrar en el navegador una imagen de fondo? Estoy probando
con este código:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center 60px; }
Pero mi IDE (Netbeans) me arroja este warning/error: Unexpected value
token 60px
Al tanto de sus comentarios
Gracias por adelantado
--
Saludos
ReynierPM
___
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] Centrar imagen de fondo
En teoría podrías hacerlo con:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center center; }
Pero no se del todo si se pueda hacer en el body o si funcione en todos los
navegadores.
Saludos.
2010/2/5 ReynierPM rper...@uci.cu
Hola a todos:
¿Es posible centrar en el navegador una imagen de fondo? Estoy probando
con este código:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center 60px; }
Pero mi IDE (Netbeans) me arroja este warning/error: Unexpected value
token 60px
Al tanto de sus comentarios
Gracias por adelantado
--
Saludos
ReynierPM
___
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
--
Matraka
___
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] Centrar imagen de fondo
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos
relativos (center center)..
2010/2/5 Luis Mario Álvarez mag...@magrio.net:
En teoría podrías hacerlo con:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center center; }
Pero no se del todo si se pueda hacer en el body o si funcione en todos los
navegadores.
Saludos.
2010/2/5 ReynierPM rper...@uci.cu
Hola a todos:
¿Es posible centrar en el navegador una imagen de fondo? Estoy probando
con este código:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat center 60px; }
Pero mi IDE (Netbeans) me arroja este warning/error: Unexpected value
token 60px
Al tanto de sus comentarios
Gracias por adelantado
--
Saludos
ReynierPM
___
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
--
Matraka
___
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
--
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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] Centrar imagen de fondo
On 2/5/2010 3:34 PM, Ardilla Roja wrote:
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos
relativos (center center)..
Ya he probado con esa variante que me dicen de center center pero solo
me centra en los laterales pero no de abajo a arriba. He probado
metiendo la imagen en un contenedor pero entonces no la veo.
HTML:
div id=wrapper class=container_12
div id=container class=grid_12
/div
div class=clear /
/div
CSS:
body { background-color: #C3DAF9; }
#wrapper { background: url('../images/background_logo.png') no-repeat
center center; }
No tengo idea del porque.
Alguna otra sugerencia?
--
Saludos
ReynierPM
___
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] Centrar imagen de fondo
Ya probaste con:
body { background: #C3DAF9 url('../images/background_logo.png') no-repeat
50% 50%; } ???
2010/2/5 ReynierPM rper...@uci.cu
On 2/5/2010 3:34 PM, Ardilla Roja wrote:
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos
relativos (center center)..
Ya he probado con esa variante que me dicen de center center pero solo
me centra en los laterales pero no de abajo a arriba. He probado
metiendo la imagen en un contenedor pero entonces no la veo.
HTML:
div id=wrapper class=container_12
div id=container class=grid_12
/div
div class=clear /
/div
CSS:
body { background-color: #C3DAF9; }
#wrapper { background: url('../images/background_logo.png') no-repeat
center center; }
No tengo idea del porque.
Alguna otra sugerencia?
--
Saludos
ReynierPM
___
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
--
Matraka
___
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] Centrar imagen de fondo
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote:
Ya probaste con:
body { background: #C3DAF9 url('../images/background_logo.png') no-repeat
50% 50%; } ???
Sucede lo mismo que si pongo center center
--
Saludos
ReynierPM
___
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] Centrar imagen de fondo
En que sistema operativo estas trabajando y en que explorador.
Date: Fri, 5 Feb 2010 15:50:17 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote:
Ya probaste con:
body { background: #C3DAF9 url('../images/background_logo.png') no-repeat
50% 50%; } ???
Sucede lo mismo que si pongo center center
--
Saludos
ReynierPM
___
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
_
Hotmail en tu celu ¡fácil y sin descargas! Ingresa a mobile.live.com y envía
correos donde estés
http://www.windowsliveformobile.com/es/hotmail/default.aspx
___
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] Centrar imagen de fondo
On 2/5/2010 3:55 PM, joel vinicio almanzar wrote: En que sistema operativo estas trabajando y en que explorador. WinXP y FF 3.6 -- Saludos ReynierPM ___ 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] Centrar imagen de fondo
Si se pueden mezclar unidades...
Técnicamente no es recomendable, pero poder se puede.
Y el código esta bien así... no entiendo porque lo ves mal.
Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html
[image: Ignacio Ricci - Designer + Developer]
2010/2/5 joel vinicio almanzar joel_alman...@hotmail.com
En que sistema operativo estas trabajando y en que explorador.
Date: Fri, 5 Feb 2010 15:50:17 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote:
Ya probaste con:
body { background: #C3DAF9 url('../images/background_logo.png')
no-repeat
50% 50%; } ???
Sucede lo mismo que si pongo center center
--
Saludos
ReynierPM
___
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
_
Hotmail en tu celu ¡fácil y sin descargas! Ingresa a mobile.live.com y
envía correos donde estés
http://www.windowsliveformobile.com/es/hotmail/default.aspx
___
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] Centrar imagen de fondo
On 2/5/2010 4:04 PM, Ignacio Ricci wrote: Si se pueden mezclar unidades... Técnicamente no es recomendable, pero poder se puede. Y el código esta bien así... no entiendo porque lo ves mal. Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html A lo mejor es cosa del IDE, quien sabe Gracias a todos por la ayuda -- Saludos ReynierPM ___ 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] Centrar imagen de fondo
Pero deberia de de verse bien en tu computadora entonces algo mal debes de estar haciendo Date: Fri, 5 Feb 2010 16:18:56 -0500 From: rper...@uci.cu To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar imagen de fondo On 2/5/2010 4:04 PM, Ignacio Ricci wrote: Si se pueden mezclar unidades... Técnicamente no es recomendable, pero poder se puede. Y el código esta bien así... no entiendo porque lo ves mal. Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html A lo mejor es cosa del IDE, quien sabe Gracias a todos por la ayuda -- Saludos ReynierPM ___ 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 _ Recibe 80% menos correos no deseados en tu casilla de Hotmail. Conoce más. http://www.descubrewindowslive.com/hotmail/anti-spam.asp ___ 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] Centrar imagen de fondo
Hola,
El problema es que el elemento HTML también es un objeto en el navegador y
tiene la altura del contenido de la página.
Este código funciona:
HTML {height:100%;}
BODY {background:url('
http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg') no-repeat
center center;}
Aquí podéis ver un ejemplo de como queda:
http://www.treeweb.es/__archivo__/TreeWeb/TreeCode/centrar_imagen_de_fondo.html
Creo que funciona en todos los navegadores.
El 5 de febrero de 2010 22:23, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
Pero deberia de de verse bien en tu computadora entonces algo mal debes de
estar haciendo
Date: Fri, 5 Feb 2010 16:18:56 -0500
From: rper...@uci.cu
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 4:04 PM, Ignacio Ricci wrote:
Si se pueden mezclar unidades...
Técnicamente no es recomendable, pero poder se puede.
Y el código esta bien así... no entiendo porque lo ves mal.
Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html
A lo mejor es cosa del IDE, quien sabe
Gracias a todos por la ayuda
--
Saludos
ReynierPM
___
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
_
Recibe 80% menos correos no deseados en tu casilla de Hotmail. Conoce más.
http://www.descubrewindowslive.com/hotmail/anti-spam.asp
___
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] Centrar imagen de fondo
On 2/5/2010 4:35 PM, Gerardo Oscar Jimenez Tornos wrote:
Hola,
El problema es que el elemento HTML también es un objeto en el navegador y
tiene la altura del contenido de la página.
Este código funciona:
HTML {height:100%;}
BODY {background:url('
http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg') no-repeat
center center;}
Perfecto, ahora sí está sin problemas
--
Saludos
ReynierPM
___
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] Centrar imagen de fondo
2010/2/5 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com:
Hola,
El problema es que el elemento HTML también es un objeto en el navegador y
tiene la altura del contenido de la página.
Este código funciona:
HTML {height:100%;}
BODY {background:url('
http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg') no-repeat
center center;}
Aquí podéis ver un ejemplo de como queda:
http://www.treeweb.es/__archivo__/TreeWeb/TreeCode/centrar_imagen_de_fondo.html
Creo que funciona en todos los navegadores.
Fantastico ejemplo, Gerardo. Muy interesante.
Creo que entiendo como funciona.
Y parece bastante compatible con todo.
He probado a romperlo cambiandole el doctype a esto:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
y no se rompia.
pero si cambias la linea del CSS para HTML a esto, rompe:
HTML {height:100%; background-color: red}
y rompe para Chrome, FF y IE. Nu se porque un cambio del color de
fondo tenga que afectar a la posicion del background image, encima en
todos los motores. Digo yo que sera algo como el hasLayout, pero
estara en el estandar, porque sino como es que todos hacen lo mismo.
Dios, que cosicas mas misteriosas.
--
--
ℱin del ℳensaje.
___
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] Centrar imagen de fondo
pero si cambias la linea del CSS para HTML a esto, rompe:
HTML {height:100%; background-color: red}
y rompe para Chrome, FF y IE. Nu se porque un cambio del color de
fondo tenga que afectar a la posicion del background image, encima en
todos los motores. Digo yo que sera algo como el hasLayout, pero
estara en el estandar, porque sino como es que todos hacen lo mismo.
Dios, que cosicas mas misteriosas.
Y por que habrías de ponerle el color al html, y no al body, que es donde
deberia ir
y así no rompes nada :)
saludos
___
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] Centrar imagen de fondo
Y yo me pregunto, imagen de fondo?: Debe quedar centrada? 50% 50% // center center Centrada cuando haya scroll? Fixed - Absolute? Creo que no entendi el problema -- Saludos Jaume ___ 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
