esto es lo que yo he hecho pero no logro el mismo efecto
Código HTML:
<div id="header"> <div id="logo"> <img src="images/estructura-de-pagina2_03.gif" width="170" height="108" alt="logo" /></div> <div id="banner"><img src="images/estructura-de-pagina2_04.jpg" width="732" height="94" alt="banner" /></div> </div>
Código:
*{ padding: 0; margin:0;} #header{ max-width: 150%; min-width:970px; } #logo{ width:170px; margin: 0 15px; background: url(../images/estructura-de-pagina2_03.gif) top left no-repeat; float:left; } #banner{ width: 733px; margin: 0 auto; }
con ese codigo centro la imagen del banner y cambia de posicion dependiendo de la dimension de la ventana, pero si se hace muy pequeña el banner queda sobre el logo. Como logro el mismo efecto que en esa pagina?