Foros del Web » Creando para Internet » CSS »

Problema con vertical-align de un <div>

Estas en el tema de Problema con vertical-align de un <div> en el foro de CSS en Foros del Web. Hola, desde hace rato estoy intentando que el texto de un div aparezca en la parte de abajo de este, pero no lo consigo, siempre ...
  #1 (permalink)  
Antiguo 29/10/2009, 17:55
 
Fecha de Ingreso: junio-2007
Ubicación: Sabadell, BCN
Mensajes: 95
Antigüedad: 10 años, 5 meses
Puntos: 1
Problema con vertical-align de un <div>

Hola, desde hace rato estoy intentando que el texto de un div aparezca en la parte de abajo de este, pero no lo consigo, siempre se muestra arriba del todo...

Este es el código que uso:

Código HTML:
<body>
<div class="top_header">
	Texto
</div>
</body> 
y el CSS

Código PHP:
body{
    
background:url(../images/interface/top/bg_blue.jpg);
    
text-align:center;
    
margin:5;
    
padding:5;
}
.
top_header{
    
vertical-align:bottom;
    
position:relative;
    
background:url(../images/interface/top/header_original.png);
    
width1000px;
    
height175px;
    
background-repeat:no-repeat;
    
margin:auto;

He probado poniéndole display: table-cell; con eso consigo que se vea abajo, pero a la vez el div se descentra de la página y se va hacia la izquierda...

Cuál es el problema? Gracias
  #2 (permalink)  
Antiguo 29/10/2009, 21:17
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problema con vertical-align de un <div>

Hola Carlillus: y si incluyes el texto en una etiqueta <span> (linea) o <p> (bloque) ?. Con ello lograrias que el texto tenga su propia "caja css" lo que te permitiría despues posicionarlo a tu gusto con las propiedades: margin, padding, float y position.

Saludos!
  #3 (permalink)  
Antiguo 30/10/2009, 00:00
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con vertical-align de un <div>

lo mas importante es saber que quieres hacer que soluciones hay muchas pero cada caso es distinto... asi que si nos pones la URL del problema seria bueno...
  #4 (permalink)  
Antiguo 30/10/2009, 07:42
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con vertical-align de un <div>

No hace tanto que se comentó el mismo tema, es una pena que se use tan poco el buscador.

Vertical-align sólo se puede utilizar con elementos de línea y table-cell
Para poder aplicar el table-cell antes debe estar declarado el display: table
Hay que proveer opciones para "display:table" y la familia de ie

Como te comentan Cristian y Alexk falta información para poder dar una respuesta concreta o una alternativa válida en tu caso.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 21:59.