Mi pregunta es: ¿Cómo puedo hacer para que mi fondo se vea bien con todas las resoluciones de pantalla?
Quiero poner este fondo que he creado:
http://battlesofcivilizations.500.com.es/objetos/fondo.pngPero ¿como lo tengo que hacer de ancho y que tengo que escribir en la hoja de estilos para que se vea bien con todas las resoluciones?
Bueno, es posible pero no sencillo. Bueno, si que es sencillo, pero hay que saber cosas claro. No se tu nivel peo intentaré inprovisar algo.
Si quieres que la web se ensanche y se estreche según la resolución de tu visitante, has de usar medidas en porcentaje para el ancho de la web. Si usas eso, lo que varia es el ancho de la página, pero no la imagen de fondo.
Eso significa que si la web se estrecha, el indio de la derecha no se verá. Y si se agranda mucho, se verá pero no en el lateral, sino más bien pegado hacia el centro. Además a su derecha se verá un hueco en blanco, pues la imagen acaba antes...
Soluciones? Tantas como imaginación y recursos tengas. Una opción que puede no ser la mejor es dividir la web en capas. Puedes por ejemplo colocar una capa a la izquierda con el romano de la izquierda solamente. Tendría una anchura fija, justito que quepa el romano.
Una segunda capa a la derecha (con float:right claro, la anterior tendría float:left para mandarla a la izquierda, ya sabes) con el indio ese. Lo mismo que la anterior, con una anchura fija. Además, creamos una capa central sin monigotes, solamente con color azul de fondo, es decir, un recorte de tu fondo actual sin los tios esos antiguos. Esa capa no tendría achura fija, sino automática, su ancho sería el resultado de restarle a la anchura total de la web (que varia según la resolución del visitante) menos las anchuras de las capas anteriores.
De este modo, sea cual sea el ancho de la web aparecería un indio de esos a cada lado, sin huecos en blanco ni nada de eso. Por supuesto, las imágenes serian fondos de las capas, no imagenes como tales, pues de este modo podrías aún colocar cosas encima. Si realmente no necesitas colocar cosas encima de los tios, las puedes colocar directamente en el html de la página y no como fondo (usando estilos css).
Repito, no se tu nivel, de modo que quizás todo esto te suene a chino, o a indio... Dime qué te parece y si no desaparezco te lo aclaro, je je je.
Un abrazo compañeros! :wink:
Gracias, me sirve. De hecho si visitas mi pagina eso es lo que hice con la imagen de abajo pero no sé porque no se me ocurrio utilizarlo tambien con los laterales, que cabeza la mía :)
Gracias
PD: Por cierto, tengo entendido que eres tambien de Cartagena. ¿es cierto?
Si, es cierto! Vivo en Barrio Peral. Y yú?
