Ver Mensaje Individual
  #4 (permalink)  
Antiguo 04/05/2012, 10:20
Avatar de Oscar_Hidro
Oscar_Hidro
 
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 12 años, 7 meses
Puntos: 25
Respuesta: Imagen de fondo no se ajusta a la página

Cita:
Iniciado por jruiz_fdez Ver Mensaje
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