Foros del Web » Creando para Internet » HTML »

Quiero centrar una tabla en un div verticalmente

Estas en el tema de Quiero centrar una tabla en un div verticalmente en el foro de HTML en Foros del Web. Hola, estoy haciendo una web y quiero centrar verticalmente el contenido de un div, que justamente en este caso es una tabla, alguien me podria ...
  #1 (permalink)  
Antiguo 19/02/2012, 17:43
 
Fecha de Ingreso: mayo-2011
Mensajes: 7
Antigüedad: 12 años, 10 meses
Puntos: 0
Quiero centrar una tabla en un div verticalmente

Hola, estoy haciendo una web y quiero centrar verticalmente el contenido de un div, que justamente en este caso es una tabla, alguien me podria ayudar? gracias !
  #2 (permalink)  
Antiguo 19/02/2012, 18:17
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Quiero centrar una tabla en un div verticalmente

Los elementos tienen anchos y/o altos específicos?
Con qué código estás trabajando?
Proporcioná más datos

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 21/02/2012, 01:08
 
Fecha de Ingreso: mayo-2011
Mensajes: 7
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Quiero centrar una tabla en un div verticalmente

estoy trabajando con html y css, los elementos, osea tan solo un div y una tabla tienen medidas especificas, el div tiene masomenos 800x400 y la tabla un poco menos, masomenos 790 x 393, logro centrarla horizontalmente pero no puedo centrarla verticalmente, que queda arriba, y cuando trato de centrarla desde css en el div, no puedo, no se que pasa

alguien me puede ayudar diciendome algun codigo que me sirva o que harian uds en mi lugar para poder centrar la tabla en el div?

muchas gracias a todos!!
  #4 (permalink)  
Antiguo 21/02/2012, 01:39
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Quiero centrar una tabla en un div verticalmente

Algo asi más o menos

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. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. div{
  10. width: 800px;
  11. height: 400px;
  12. border: solid 1px #000;
  13. }
  14.  
  15. table {
  16. width:790px;
  17. height:392px;
  18. margin: 4px auto;
  19. /*]]>*/
  20. </head>
  21.    
  22. <div>
  23. <table border="1">
  24. <tr>
  25. <td>contenido</td>
  26. </tr>
  27. </div>
  28. </body>
  29. </html>

Con auto, la tabla se centra horizontalmente, para el vertical, restas del alto del div el alto de la tabla, lo dividis por dos y se lo pones como margin top.
margin: 4px auto;
Siempre te conviene que esa diferencia entre altos sea un numero par, asi que en mi ejemplo le di a la tabla 392 y no 393

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 21/02/2012, 15:36
 
Fecha de Ingreso: mayo-2011
Mensajes: 7
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Quiero centrar una tabla en un div verticalmente

Muchas gracias emprear, pero mira, te cuento mi problema, si aplico tu codigo exactamente a un nuevo html, se centra perfectamente, pero si tan solo le quito el border del div, (ya que no quiero que tenga borde), ya no se centra, no se si me explico, te agradeceria que me contestes, desde ya muchas gracias por haber intentado ayudarme. te muestro dos fotos para que veas a lo que me refiero



en esa esta perfectamente como vos me lo dijiste sin cambiar nada

pero en esta el codigo esta exactamente igual, lo unico que le saque fue el border porque no quiero que el div tenga borde y...




bueno espero tu respuesta, me esta volviendo loco esto, no entiendo porque pasa esto, gracias, saludos!!



si no te aparecen las imagenes y queda el icono de imagen, dale boton derecho y abrir en pestaña nueva para visualizarlas
  #6 (permalink)  
Antiguo 21/02/2012, 19:59
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Quiero centrar una tabla en un div verticalmente

las imágenes no se ven
Aunque si es lo que supongo, tenes dos opciones, o dejar el borde y darle un color transparente, o quitarlo y ponerle al div
overflow: hidden;

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

Última edición por emprear; 21/02/2012 a las 20:05

Etiquetas: tabla, verticalmente
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:08.