vertical-align...

EmmanuelOA · #1 (**permalink**) 12/03/2006, 13:15

Miren, ya maqueté en css esta página (eordonezangulo.ifrance.com/wwwroot) como me lo recomendaron y quedó mejor, pero miren: en el div#encabezado puse vertical-align:middle; y aun así la imagen gif que hay ahí sigue saliendo en top y no en middle. ¿Por qué?

Gracias!

#2 (**permalink**) 12/03/2006, 14:20

¿y si le ponés vertical-align a la imagen?

Yo también he tenido problemas a la hora de probar esta propiedad, por lo general los solucionaba variando el elemento al que se la ponía.

Saludos.

EmmanuelOA · #3 (**permalink**) 12/03/2006, 14:38

Ya intenté:
<img src="img/eoranlogo.gif" style="vertical-align:middle"/>

y

<div id="encabezado" align="right" style="vertical-align:middle">
<img src="img/eoranlogo.gif" />
</div>

Ninguno sirve...

Jorolo · #4 (**permalink**) 12/03/2006, 14:39

Hola a todos.

Vertical-align no funciona en un div por que no debe hacerlo. Como no debe hacerlo en ningún elemento en bloque.

Vertical-align se aplica a los elementos a nivel de línea y 'table-cell'

http://www.sidar.org/recur/desdi/tra...vertical-align

EmmanuelOA · #5 (**permalink**) 12/03/2006, 20:57

¿cómo puedo poner entonces el logo en medio verticalmente de la imagen de fondo? Intenté:

<p style="margin-top:30px"><img src="logo.gif"/></p>

Y funciona con IE pero con Firefox deforma el padding del contenedor... ligo intenté creando un
div#logo {
position:relative;
top:50px;
width:largodellogopx;
heigh:altoodellogopx;
background-image:url('logo.gif');
(y alguna otra cosa que no recuerdo)
}
y funcionaba más o menos pero hacía que el contenedor ya no estuviera al centro de la pantalla sino alineado a la izquierda....

¿alguna idea?

EmmanuelOA · #6 (**permalink**) 12/03/2006, 21:03

No, olvídenlo, lo resolví así:
div#logo {
position:relative;
top:30px;
}

gracias

SiR.CARAJ0DIDA · #7 (**permalink**) 13/03/2006, 09:52

div#logo {
position:relative;
top: 50%;
margin-top: -(la mitad del alto de la imagen) px;
}