Foros del Web » Creando para Internet » CSS »

Alineacion de objetos en IE7, el archienemigo!

Estas en el tema de Alineacion de objetos en IE7, el archienemigo! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/03/2011, 11:59
Avatar de Heiroon  
Fecha de Ingreso: junio-2010
Ubicación: Caracas, Venezuela - Por ahora...
Mensajes: 495
Antigüedad: 7 años, 6 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!

Etiquetas: alinear, explorer
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:36.