[Ovillo] Centrar imagen de fondo

2010-02-05 Por tema ReynierPM
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

2010-02-05 Por tema Luis Mario Álvarez
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

2010-02-05 Por tema Ardilla Roja
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

2010-02-05 Por tema ReynierPM
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

2010-02-05 Por tema Luis Mario Álvarez
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

2010-02-05 Por tema ReynierPM
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

2010-02-05 Por tema joel vinicio almanzar

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

2010-02-05 Por tema ReynierPM
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

2010-02-05 Por tema Ignacio Ricci
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

2010-02-05 Por tema ReynierPM
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

2010-02-05 Por tema joel vinicio almanzar

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

2010-02-05 Por tema Gerardo Oscar Jimenez Tornos
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

2010-02-05 Por tema ReynierPM
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-02-05 Por tema Tei
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

2010-02-05 Por tema Diego Burich



 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

2010-02-05 Por tema jaume op
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