Tema: Centrar etiqueta Div Pa en altura y en anchura
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/11/2011, 17:16
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Centrar etiqueta Div Pa en altura y en anchura
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" xml:lang="es" lang="es">
  4. <head>
  5. <title>
  6. div centrada vertical y hotizontal
  7. </title>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <style type="text/css">
  10. /*<![CDATA[*/
  11.  
  12. #capa {
  13. position:absolute;
  14. top: 50%;
  15. left: 50%;
  16. width:350px;
  17. height:300px;
  18. margin-top: -150px; /*valor negativo mitad del alto*/
  19. margin-left: -175px; /*valor negativo mitad del ancho*/
  20. border: 2px solid #2982C6;
  21. background-color: #FFF;
  22. text-align: center;
  23. }
  24.  
  25. /*]]>*/
  26. </style>
  27.  
  28. </head>
  29. <body>
  30. <div id="capa">
  31. Div centrada
  32. </div>
  33. </body>
  34. </html>

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