Tema: Centrado de div dentro de div
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/11/2011, 10:54
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Centrado de div dentro de div
medio complicado tu esquema

empezá por esto y fijate de acomodar tus imágenes

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11. #capa {
  12. position:absolute;
  13. top: 50%;
  14. left: 50%;
  15. width:800px;
  16. height:550px;
  17. margin-top: -275px; /*valor negativo mitad del alto*/
  18. margin-left: -400px; /*valor negativo mitad del ancho*/
  19. border: 2px solid #2982C6;
  20. background-color: #FFF;
  21. text-align: center;
  22. }
  23.  
  24. div.moz
  25. {
  26. width:250px;
  27. height:100px;
  28. border:1px solid black;
  29.  
  30. /* Firefox */
  31. display:-moz-box;
  32. -moz-box-orient:horizontal;
  33.  
  34. /* Safari y Chrome */
  35. display:-webkit-box;
  36. -webkit-box-orient:horizontal;
  37.  
  38. /* W3C */
  39. display:box;
  40. box-orient:horizontal;
  41. transform:rotate(-60deg);
  42. -moz-transform:rotate(-60deg);
  43. -moz-transform-origin: 100% 100%;
  44.  
  45. } 
  46. /*]]>*/
  47. </style>
  48. </head>
  49. <body>
  50. <div id="capa">
  51.         
  52. <div class="moz">
  53. div 1
  54. </div>
  55. <div class="moz">
  56. div 2
  57. </div>
  58. <div class="moz">
  59. div 3
  60. </div>
  61.  
  62. </div>
  63. </body>
  64. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.