Tema: Alineacion de objetos en IE7, el archienemigo!
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/03/2011, 10:59
Avatar de Heiroon
Heiroon
 
Fecha de Ingreso: junio-2010
Ubicación: Caracas, Venezuela - Por ahora...
Mensajes: 495
Antigüedad: 13 años, 11 meses
Puntos: 63
Exclamación Alineacion de objetos en IE7, el archienemigo!
buenas colegas... tengo rato con esto y no entiendo porque no puedo alinear una imagen y un input dentro de un div...

alguna idea de porque no se alinean estos dos objetos??

Ayuda por favor.. y gracias por anticipado!

este es mi HTML:
Código HTML: 
Ver original
  1. <body bgcolor="#000000">
  2.  
  3. <div id="contenedor_master">
  4.     <div id="contenedor_header">
  5.         
  6.         <div class="btn_home"></div>
  7.         
  8.         <div id="header_gray">
  9.         
  10.         <div class="buscador_container">
  11.         <img src="img_comunes/ico_buscar.png"/>
  12.             <div class="search">
  13.                 <input type="text"/>
  14.                 <div class="btn_search"></div>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.         
  19.         <div class="blackBar"></div>
  20.         
  21.         <div class="botonera"></div>
  22.         
  23.     </div>
  24.     
  25. </div>
  26.  
  27. </body>

y el css que tengo por ahora...

Código CSS: 
Ver original
  1. /********************************** HEADER *******************************************/
  2. #header_gray {
  3.     margin:0px auto;
  4.     width: 940px;
  5.     height: 102px;
  6.     position:relative;
  7.     z-index:3;
  8.     background:url(../img_comunes/bg_silver_head.png) no-repeat left;
  9. }
  10. .blackBar{
  11.     width:940px;
  12.     height:29px;
  13.     margin:0px auto;
  14.     position:relative;
  15.     z-index:2;
  16.     background:url(../img_comunes/bg_black_bar.jpg) repeat-x left;
  17.     bottom:102px;
  18. }
  19. .btn_home {
  20.     background:url(../img_comunes/btn_home.png) no-repeat;
  21.     height:29px;
  22.     width:79px;
  23.     right:170px;
  24.     position:absolute;
  25.     z-index:4;
  26.     cursor:pointer;
  27. }
  28.  
  29. .botonera {
  30.     height:47px;
  31.     width:940px;
  32.     margin:0px auto;
  33.     background:url(../img_comunes/bg_botonera.jpg) repeat-x left;
  34.     position:relative;
  35.     z-index:2;
  36.     bottom:65px;
  37. }
  38.  
  39. .buscador_container {
  40.     width:295px;
  41.     height:28px;
  42.     display:inline;
  43.     left: 608px;
  44.     position: relative;
  45.     top:34px;
  46. }
  47. .buscador_container img {
  48.     margin:0px -3px 0px 0px;
  49. }
  50. .search {
  51.     position:relative;
  52.     z-index:2;
  53.     background:url(../img_comunes/bg_search.png) repeat-x left;
  54.     height:28px;
  55.     width:239px;
  56.     display:inline-block;
  57. }
  58. .btn_search {
  59.     margin:4px 4px 3px 4px;
  60.     z-index:2;
  61.     cursor:pointer;
  62.     background:url(../img_comunes/ico_search.png) no-repeat;
  63.     width:21px;
  64.     height:21px;
  65.     display:inline-block;
  66. }
  67.  
  68. /* --------------------------------------HOME-------------------------------------------------------------------------------- */
  69.  
  70. .search input {
  71.     width:202px;
  72.     height:22px;
  73.     border:none;
  74.     margin:3px 0 3px 4px;
  75.     display:inline-block;
  76.     background:none;
  77. }
__________________
Gmail : [email protected]
Twitter: @heiroon

I'm back!