Buenas!
Pues me he lanzado a diseñar una web para un proyectito mirando por internet y con la ayuda de lo poco que sé, pero me he quedado un poquito atascado, a ver si me podéis echar una mano:
Tengo la web dividida en dos tablas horizontales. La superior es el menú, la que no necesitará actualizarse. Será la tabla de abajo la que cambie según lo que se seleccione en el menú (4 secciones sencillitas). El problema lo tengo con los fondos.
El fondo del marco inferior lo tengo con lo siguiente, para que se adapte a la resolución de pantalla del usuario que visita la página:
Código:
body {
background-image: url(fondo.jpg);
background-repeat: no-repeat;
background-size: cover;
}
Con ese código consigo que el fondo se estire y ocupe toda la ventana del navegador. Pero sólo el fondo del marco inferior.
He creado otra imagen para el fondo del marco superior, pero para que coincida exactamente con la del inferior. La idea es que esta imagen se estire horizontalmente, pero que conserve su tamaño vertical, para que tenga exactamente el mismo tamaño que el marco y coincida con el otro fondo.
He probado con el mismo código de arriba, pero no me vale, porque cuando expando el navegador horizontalmente, se agranda la foto pero conservando sus proporciones. Esto es, también se expande o se contrae verticalmente y no coincide con el fondo del otro marco.
¿Alguna sugerencia? ¿Puedo hacer esto pero de otra manera? (por ejemplo si pudiese poner un marco transparente para que tenga el fondo del otro, o algo...)
Desde ya, muchísimas gracias, espero haberme explicado bien. He buscado pero no he encontrado nada, lo siento si ya estaba resuelto
EDITO: Eso todo lo estoy haciendo en el CSS y estoy trabajando en Dreamweaver.