Código HTML:
<style type="text/css"> * { margin: 0; padding: 0; outline: 0; } html, body { width: 100%; height: 100%; } #menu { text-align:center; z-index: 2; background-color: #705a1b; height: 40px; padding: 1px; background-position: center; width: 100%; position: fixed; } #contenedor { width: 100%; height: 100%; position: relative; } #texto { position: relative; z-index: 2; width: 250px; text-align: right; float: right; padding: 0; outline: 0; top: 45px; } #logotexto{ text-align:center; margin: 0px; padding: 0px; } #context{ position: relative; text-align: left; height:100%; top: 10px; clip: rect(150px,auto,auto,auto); padding-top:100px; } .fondo { background: url(images/ajax-loader.gif) no-repeat 50% 50%; width: 100%; height: 100%; position: fixed; z-index: 1; } </style> <body> <div id="contenedor"> <img src="images/fondo/1.jpg" alt="" class="fondo" /> <div id="menu"> <p><a href="index.html"><img src="images/menu/1.png" width="128" height="33" border="0" /></a><a href="galeria.php"><img src="images/menu/2.png" width="124" height="33" border="0" /></a><a href="#"><img src="images/menu/3.png" width="135" height="33" border="0" /></a><a href="#"><img src="images/menu/4.png" width="118" height="33" border="0" /></a><a href="#"><img src="images/menu/5.png" width="116" height="33" border="0" /></a><a href="#"><img src="images/menu/6.png" width="138" height="33" border="0" /></a></p> </div> <div id="texto"> <div id="logotexto"> <p><img src="images/logo.png" width="200" height="108" /><br /> </p></div> <div id="context"> <p><img src="images/qs/text.png" width="205" height="330" /></p> </div> </div> </div> </body>
OJALA QUE ME ENTIENDAN MI PROBLEMA DESDE YA MUCHISIMAS GRACIAS.