Respecto a la primera, para centrar una imagen respecto de otra, suponiendo que hablas de centrado horizontal, yo creo que podrías poner un DIV con la propiedad
text-align: center rodeando a las 2 imágenes,
por ejemplo:
Código:
<div style="text-align:center">
<img src="img1.jpg" style="display:block" />
<!--display:block hace que la imagen ocupe toda la linea y fuerza a q la siguiente imagen vaya debajo, en realidad es el comportamiento default-->
<img src="img2.jpg" style="display:block" />
</div>
No lo he probado, y a mi a veces el
text-align: center me ha dado problemas, así que otras opciones son poner
margin-left: auto y
margin-right: auto a ambas imágenes, o
padding-left: auto y
padding-right: auto al DIV...
Respecto a la segundo, entiendo que quieres que la ventana del navegador sea tan ancha como la imagen... Eso es más bien JavaScript
: ¿te sirve
esto?
¿O es al revés y quieres que la imagen sea más grande o más pequeña según el tamaño de la ventana? Entonces deberías utilzar las propiedades
background-image: url(imagen_fondo) y
repeat: repeat-x para el body o del div que contenga la imagen.