14-may-2008, 04:45
|
#1 (permalink) |
 Fecha de Ingreso: octubre-2006
Mensajes: 76
|
Centrar contenido vertical div
<div style="background-color:#99FFFF; vertical-align:middle; height:50px;"> hola </div> y hola me sale arriba del todo y quiero que se me alinee a la mitad de la capa verticalmente, no encuentro la propiedad ni buscando por ahi, alguna idea?? muchas gracias |
|
|
|
14-may-2008, 07:56
|
#2 (permalink) |
 
Fecha de Ingreso: abril-2008
Ubicación: Valencia, España
Mensajes: 151
|
Re: Centrar contenido vertical div
Código:
Este código se refiere al elemento según el contenedor, de manera que tienes que introducir un <p> o similar, conteniendo el texto, con las siguientes propiedades:vertical-align:middle - elemento block - height determinado - verical-align:middle Así, el <p> dentro del <div> que indicaste, estará posicionado como querías! --------------------------- Si te ayudó, pincha el Karma  Un Saludo! |
|
|
|
|
26-may-2008, 08:12
|
#3 (permalink) |
|
Fecha de Ingreso: diciembre-2003
Mensajes: 157
|
Respuesta: Centrar contenido vertical div
me pasa lo mismo
el texto siempre queda contra el margen superior. este es mi codigo: html, body { width: 98%; height: 100%; margin: 0px; } #contendor { height: 97%; width: 100%; text-align: center; background-position: center center; vertical-align: middle; border: medium solid #FF0000; } <body> <div id="contendor"> <div align="center" vertical-align="middle"> <p verical-align="middle">Texto de prueba</p> </div> </div> </body> alguien sabe que pasa????????  gracias |
|
|
|
|
26-may-2008, 10:24
|
#5 (permalink) |
|
Fecha de Ingreso: diciembre-2003
Mensajes: 157
|
Respuesta: Centrar contenido vertical div
Cita:
no no va, sigue quedando pegado arriba.
Iniciado por pavelinhos
Prueba esto:
Código HTML:
<div style="background-color:#99FFFF; vertical-align:middle; height:50px; line-height:50px"> hola </div> |
|
|
|
|
23-jul-2008, 18:24
|
#6 (permalink) |
|
Fecha de Ingreso: julio-2008
Mensajes: 1
|
Respuesta: Centrar contenido vertical div
Supongo que deseas centrar el texto en el medio vertical de un div...
espero que esto te ayude debes poner esto: display: table-cell; vertical-align: middle; si no pones el display no centrara ni m... haz la prueba  saludos Ah me olvidaba en Internet Explorer 7 no funciona el centrado Última edición por casa; 23-jul-2008 a las 18:26. Razón: me olvide de algo |
|
|
|
Mode Lineal
