Problema con ajuste en resolucion

Dfcotacla · #1 (**permalink**) 16/08/2010, 11:52

me estoy dando dolores de cabeza, lo que pasa esque tengo q colocar 2 banners y en medio una busqueda de google, sin embargo el banner de abajo debe de estar visible en todas las resoluciones pero ya intente poniendole porcentajes, en tablas y no logro el resultado, dejo el codigo de un intento de varios que e echo.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style type="text/css">
/* CSS Document */
* {
        padding:0;
        margin:0;
}

img {
        border-width: 0;
		margin: 0;
		 
}
body {
	font-size:12px;
	line-height: 1.88889;
	margin: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
}

 
#form {
	margin: 0px 0px 0px 0px;
}

#contenedor{
margin : 0 auto; 
width : 1020px;
/*height: 800px;*/
position : relative;
}

</style>

<body onload="anuncios(1)">

<div id="contenedor"> 

<div id="anunciosuperior" >
<img src="banner1.jpg" height="130" width="1020" />
</div>

<div style=" position:absolute; margin-top:5%">

<FORM  method="get" action="http://www.google.com/search">

<table width="100%" border="0" align="center">
  <tr>
    <td>
    <center>
    <div style="margin-top:5%">
    <table width="780" border="0">
      <tr>
        <td>
        <div align="center">
        <a href="http://www.google.com/"><img src="http://www.google.com.mx/intl/en_com/images/srpr/logo1w.png" border="0" alt="Google" align="absmiddle" /></a>
        </div>
        </td>
      </tr>
      <tr>
        <td>
        <div align="center">
        <input type="text" name="q" size="80" maxlength="300" value="" style="height:30px" />
        </div>
        </td>
      </tr>
      <tr>
        <td><input type="hidden" name="hl" value="es" />
          <input name="anuncio0" type="hidden" value="" />
          <input name="anuncio1" type="hidden" value="" />
          <input name="anunciolk0" type="hidden" value="" />
          <input name="anunciolk1" type="hidden" value="" /></td>
      </tr>
    </table>
    </div>
    
    </center>
    </td>
  </tr>
  <tr>
    <td>  
   
    </tr>
</table>

</FORM>
</div>


    </td>
   <div id="anuncioinferior" style="margin-top:45%; ">
        <img src="banner2.jpg" height="130"  width="1020">
        </div>

</div>

</body>

</html>

bkolores · #2 (**permalink**) 16/08/2010, 12:12

no entendi que quieres hacer... por favor sube una imagen de como quieres que quede y te ayudo!

Dfcotacla · #3 (**permalink**) 16/08/2010, 12:39

claro que si mira te dejo el enlace para que veas como quiero que quede

http://yfrog.com/2pejemplockj

jomaruro · #4 (**permalink**) 16/08/2010, 12:48

Hola:

Mira este ejemplo de Mikmoro.

Saludos.

Dfcotacla · #5 (**permalink**) 16/08/2010, 13:01

muchas gracias lo adaptare con imagenes, me acabas de sacar de un apuro te debo las CHELAS

bkolores · #6 (**permalink**) 16/08/2010, 13:04

te entiendo no es complejo
supongo que el banner de abajo quieres que siempre este ABAJO
como es la barra de tareas de facebook?

aunq parece que llegue tarde

Código CSS:

Ver originaldiv#bannerabajo {
    height:120px;
    width:100%;
    background-color:#666;
    bottom:0;
    position:fixed;
}