Para la imagen al 100%:
cree un div hijo directo de body con las propiedades:
Código CSS:
Ver original#fondo-imag {
height: 200%;
left: -50%;
position: fixed;
top: -50%;
width: 200%;
}
coloque dentro de él la imagen que quiere que se extienda al 100% y le declara:
Código CSS:
Ver original#fondo-imag img {
bottom: 0;
left: 0;
margin: auto;
min-height: 50%;
min-width: 50%;
position: absolute;
right: 0;
top: 0;
}
Por supuesto, no se olvide de incluir:
Código CSS:
Ver originalhtml, body {
height: auto !important;
min-height: 100%;
width: 100%;
}
¿Se fijó que la parte izquierda del texto queda inaccesible al reducir la ventana?
Sugerencia:
Cambios a realizar en su css:
Código CSS:
Ver original#logo {
margin: 0 auto;
position: relative;
width: 535px;
z-index: 50;
}
#form {
margin: 0 auto;
position: relative;
width: 535px;
z-index: 50;
}
img.logo {
display: block;
margin: 15px auto;
}
img.logo es su imagen del águila.