Imagen de fondo no se ajusta a la página

[jruiz_fdez]

Hola a tod@s,

he añadido una imagen de fondo a mi página pero, como podéis ver, no consigo que quede bien centrada y el texto de la parte izquierda se corta
El atributo background del body quedaba así:
background: url(http://www.addooradserver.net/campai.../1280x1024.jpg) no-repeat center top transparent;

¿Qué debo hacer para centrar la imagen?

Gracias de antemano por la ayuda
Saludos,
Jose

[evairdesign]

La imagen esta bien centrada, creo que el problema que tienes es que el contenido de tu sitio es mas grande la imagen, me explico... te pongo una imagen de ejemplo

Este es tu sitio:



Si Achicaras el Content creo que se veria mejor:

[jruiz_fdez]

Gracias por tu respuesta evairdesign No sabía que se podía achicar el contenido pero, en cualquier caso, el contenido de mi blog ocupa un ancho de 965px mientras que el ancho total del blog es de 1262px. Ésto quiere decir que quedan 297px para ubicar la imagen de fondo; 148,5px para el lateral izquierdo y otros 148,5px para el derecho.
Mi imagen de fondo tiene un ancho de 147px por cada lateral por lo que, entiendo, debería caber si hay un espacio disponible de 148,5px, no?

Gracias,
Jose

[Oscar_Hidro]

Iniciado por jruiz_fdez

Gracias por tu respuesta evairdesign No sabía que se podía achicar el contenido pero, en cualquier caso, el contenido de mi blog ocupa un ancho de 965px mientras que el ancho total del blog es de 1262px. Ésto quiere decir que quedan 297px para ubicar la imagen de fondo; 148,5px para el lateral izquierdo y otros 148,5px para el derecho.
Mi imagen de fondo tiene un ancho de 147px por cada lateral por lo que, entiendo, debería caber si hay un espacio disponible de 148,5px, no?

Gracias,
Jose

Hola que tal jruiz_fdez, la teoria del pixel perfect, es precisamente lo que acabas de comentar. Nosotros hacemos nuestras cuentas, y creemos que deberíamos tener espacio suficiente para insertar nuestros contenidos sin problema de que se empalmen. Desafortunadamente no es asi, ya que una de las razones mas importantes por lo que esto no sucede, es que cada navegador interpreta el código de manera distinta. Has probado ver tu pagina en distintos navegadores??? Probablemente notaras que se puede ver diferente en chrome, en mozilla, ni se diga en ie, y otros como opera y safari.

Esta es la razon principal del por que tus contenidos se empalman. Existe una metodología muy popular hoy en dia que se llama Responsive Web Design. Es sencilla, agradable y sobre todo perfectamente funcional, puesto que es adaptable depende de la resolucion de pantalla donde se esta visualizando la página.

Prácticamente se basa en reemplazar los pixeles por porcentajes. Si tu pagina quieres que mida 965px, y dentro tienes 3 bloques(por poner un ejemplo), y quieres que sean dos iguales y el otro de la mita de los 965px, simplemente asignas al bloque1 y 2 la propiedad de width:25%; y de width:50%; para el bloque 3.

Espero haberme hecho entender, Saludos