Ver Mensaje Individual
  #7 (permalink)  
Antiguo 11/03/2009, 06:04
saraal
 
Fecha de Ingreso: noviembre-2006
Mensajes: 13
Antigüedad: 17 años, 5 meses
Puntos: 0
Respuesta: capas centradas en todos los navegadores

Cita:
Iniciado por Bonez Ver Mensaje
En teoría tal como te he dicho debería de funcionar.

¿La estructura del HTML como la tienes? Debería de ser algo así:
Código html:
Ver original
  1. <div id="contenedor">
  2. <div id="capaImagen"><img src="algo.jpg" />Texto Imagen</div>
  3. <div id="capaImagen"><img src="algo.jpg" />Texto Imagen</div>
  4. <div id="capaImagen"><img src="algo.jpg" />Texto Imagen</div>
  5. <div id="capaImagen"><img src="algo.jpg" />Texto Imagen</div>
  6. </div>
Que por cierto, capaImagen debería ser una clase en realidad, no me dí cuenta antes al ponerlo.
Mira, mi codigo de ejemplo:
Código html:
Ver original
  1. <div class="divAllWidth">                      
  2.     <div class="divOpt" id="Option1" >                     
  3.         <div class="divIcon"><img src="algo.jpg" alt=" " border="0" class="icon_list" title=" " />                                             
  4.         </div>
  5.         <div class="divText">1.-&nbsp;Alcalde
  6.         </div>                     
  7.     </div>
  8.    
  9.     <div class="divOpt" id="Option2" >                     
  10.         <div class="divIcon"><img src="algo.jpg" alt=" " border="0" class="icon_list" title=" " />                                             
  11.         </div>
  12.         <div class="divText">2.-&nbsp;Presidencia e Interior
  13.         </div>                     
  14.     </div>
  15.    
  16.     <div class="divOpt" id="Option3" >                     
  17.         <div class="divIcon"><img src="algo.jpg" alt=" " border="0" class="icon_list" title=" " />                                             
  18.         </div>
  19.         <div class="divText">3.-&nbsp;Cultura y Deportes
  20.         </div>                     
  21.     </div>
  22.  
  23.     </div>

y el css asociado:
Código css:
Ver original
  1. .divAllWidth{ width:98%; text-align:center; border:5px solid #cc0000;}  
  2. .divOpt{   float:left; width:12em; padding:10px; border:5px solid #e5e5e5}
  3. /*estas dos estan dentro de divOpt asi que no debieran tergiversar nada*/
  4. .divIcon{}
  5. .divText{height:2em;}

Estoy probando en ie6 ¿eh? en los demas navegadores no tengo problemas utilizando el display con los valores que puse en el mensaje inicial, pero este codigo en ie6 no me centra las imagenes