Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/08/2011, 07:54
Jsc_dark25
 
Fecha de Ingreso: enero-2011
Mensajes: 60
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: z-index + margin en IE7

EN las dos imagenes que tengo problema, las tengo en DIVS y ahi mismo coloco el estilo:

Código HTML:
Ver original
  1. <div class="fichero">
  2.  
  3.     <div style="width:97px;height:19px;position:absolute;z-index:4;float:left;margin-top:9px;margin-left:111px;"><a href="index.php?dir=ver_inmueble"><img src="template/Inmuebles/pestana.png" border="0px"/></a></div>
  4.    
  5.     <!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido.png' o template/Inmuebles/etiqueta_oferta.png -->
  6.     <div style="width:78px;height:78px;position:absolute;z-index:4;float:left;margin-top:-10px;margin-left:-10px;" class="etiqueta_normal"><img src="template/Inmuebles/etiqueta_oferta.png" border="0px"/></div>
  7.     <!-- -->
  8.    
  9.     <div class="sombra">
  10.            
  11.             <div class="contenido" onmouseover="this.className='fichero_zoom'" onmouseout="this.className='contenido'">
  12.            
  13.                 <!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido_zoom.png' o template/Inmuebles/etiqueta_oferta_zoom.png -->
  14.                
  15.                 <div class="etiqueta_zoom"><img src="template/Inmuebles/etiqueta_oferta_zoom.png" border="0px"/></div>
  16.                 <!-- FIN -->
  17.            
  18.                 <a href="index.php?dir=ver_inmueble"><img class="imagen" src="template/Inmuebles/img6.jpg" border="0px" /></a>
  19.        
  20.                 <!-- VENTA U OFERTA -->
  21.             <!-- <div class="venta estrangelo">VENTA</div> -->
  22.                 <div class="venta estrangelo" style="color:#D93132">OFERTA</div>
  23.                
  24.            <!-- <div class="venta_zoom estrangelo" style="font-size:17px;color:#2D4E25;display:none;">VENTA</div> -->
  25.                 <div class="venta_zoom estrangelo" style="font-size:17px;color:#D93132;display:none;">OFERTA</div>
  26.        
  27.                 <div class="detalle estrangelo">
  28.                 CASA: Av. San Martín (detrás Hotel Yotaú),(Mostrar Max. 70 caracteres)
  29.                 </div>
  30.                
  31.                 <div class="detalle_zoom estrangelo" style="font-size:14px;display:none;">
  32.                 CASA: Av. San Martín (detrás Hotel Yotaú), Santa Cruz (Mostrar Max. 100 caracteres)
  33.                 </div>
  34.        
  35.                 <div class="leer_mas estrangelo"><a href="index.php?dir=ver_inmueble" style="text-decoration:none;color:#000000;">...Ver mas</a></div>
  36.                
  37.                 <div class="leer_mas_zoom estrangelo" style="font-size:15px;display:none;"><a href="index.php?dir=ver_inmueble" style="text-decoration:none;color:#000000;">...Ver mas</a></div>
  38.                
  39.                 <div class="precio_zoom estrangelo" style="display:none;"><a href="#" style="display:block;color:#FFFFFF;text-decoration:none;padding-top:3px;font-size:20px;">$us. 250.000</a></div>
  40.                
  41.                 <script>
  42.                     $('.contenido').mouseover(function() {
  43.                         $('.fichero_zoom .precio_zoom').css("display","block");
  44.                        
  45.                         $('.fichero_zoom .etiqueta_zoom').css("visibility","visible");
  46.                        
  47.                         $('.fichero_zoom .venta_zoom').css("display","block");
  48.                         $('.fichero_zoom .venta').css("display","none");
  49.                        
  50.                         $('.fichero_zoom .detalle_zoom').css("display","block");
  51.                         $('.fichero_zoom .detalle').css("display","none");
  52.                        
  53.                         $('.fichero_zoom .leer_mas_zoom').css("display","block");
  54.                         $('.fichero_zoom .leer_mas').css("display","none");
  55.                                
  56.                     });
  57.                    
  58.                     $('.contenido').mouseout(function() {
  59.                         $('.precio_zoom').css("display","none");
  60.                    
  61.                         $('.etiqueta_zoom').css("visibility","hidden");
  62.                        
  63.                         $('.venta_zoom').css("display","none");
  64.                         $('.venta').css("display","block");
  65.                        
  66.                         $('.detalle_zoom').css("display","none");
  67.                         $('.detalle').css("display","block");
  68.                        
  69.                         $('.leer_mas_zoom').css("display","none");
  70.                         $('.leer_mas').css("display","block");
  71.                        
  72.                     });
  73.                 </script>
  74.             </div>
  75.        
  76.     </div>
  77.    
  78.     <div class="precio estrangelo"><a href="#" style="display:block;color:#FFFFFF;text-decoration:none;">$us. 250.000</a></div>
  79.    
  80. </div>


EL problema viene en esta parte:



Código PHP:
Ver original
  1. <div style="width:97px;height:19px;position:absolute;z-index:4;float:left;margin-top:9px;margin-left:111px;"><a href="index.php?dir=ver_inmueble"><img src="template/Inmuebles/pestana.png" border="0px"/></a></div>
  2.    
  3.     <!-- Si esta VENDIDO o en OFERTA la CASA, MOSTRAR 'template/Inmuebles/etiqueta_vendido.png' o template/Inmuebles/etiqueta_oferta.png -->
  4.     <div style="width:78px;height:78px;position:absolute;z-index:4;float:left;margin-top:-10px;margin-left:-10px;" class="etiqueta_normal"><img src="template/Inmuebles/etiqueta_oferta.png" border="0px"/></div>
  5.     <!-- -->
El primer div es la imagen de VER FICHA y el segun DIV es la imagen redonsa OFERTA o VENDIDO. No me funciona en IE7!!