Tema: Posicionar un div delante de otro
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/03/2011, 14:45
kidart
 
Fecha de Ingreso: junio-2010
Mensajes: 108
Antigüedad: 14 años, 6 meses
Puntos: 2
Posicionar un div delante de otro
Hola, queria consultarlos por el siguiente problema. Tengo una web con 2 divs que se superponen y queria establecer que uno este por delante del otro. a los dos los tengo ubicados con css, pero uno me pisa al otro y lo tapa (aunque son png transparentes)...

link


el codigo es el siguiente:


Código HTML: 
Ver original
  1. .centered {
  2.   position:absolute;
  3.   top: 50%;
  4.   left: 50%;
  5.   margin-top: -423px;
  6.   margin-left: -428px;
  7.   background-color: white;
  8.   color: white;
  9. } 
  10. .right {
  11.   position: absolute;
  12.   top: 0%;
  13.   left: 100%;
  14.   margin-top: 0px;
  15.   margin-left: -207px;
  16.   background-color: white;
  17.   color: white;
  18.   visibility:visible;
  19.   
  20.   
  21. } 
  22. -->
  23. </style></head>
  24.  
  25. <body>
  26. <div class="left">
  27. <img src="images/en-construccion.png" width="207" height="207" border="0" class="right"/></div>
  28.  
  29. <div class="centered">
  30. <img src="images/bgrupo.png" width="847" height="656" border="0" usemap="#Map" />
  31.  
  32. <map name="Map" id="Map">
  33.   <area shape="rect" coords="131,548,278,618" href="http://www.astridygaston.com/web/intro.php" target="_blank" />
  34.   <area shape="rect" coords="284,548,440,617" href="http://www.aygcatering.com.ar/" target="_blank" />
  35.   <area shape="rect" coords="441,547,550,621" href="http://www.belindacafe.com.ar/" target="_blank" />
  36.   <area shape="rect" coords="551,541,648,617" href="http://www.torestaurant.com/" target="_blank" />
  37. </map>
  38. </div>


Alguna idea?