CSS y alineación vertical

B

buenas

alguien conoce o ha visto en algún sitio la manera de alinear verticalmente los elementos html mediante css sin perder la salud mental en el intento ?

en concreto me interesa centrar verticalmente. es que no me explico cómo puede ser tan complicado. tiene que haber un "método universal" fijo pero es que no lo encuentro.

gracias ! XD

guner

<style type="text/css">
<!--
.unnamed1 {
&nbsp;&nbsp;&nbsp;&nbsp; vertical-align: baseline; // (valor %), sub, super, top, text-top, middle, bottom, text-bottom, (valor px)
}
-->
</style>

B

ok
pero es que esto sirve para alinear respecto a una línea de texto y yo lo que quiero es alinear cualquier elemento dentro de un elemento contenedor. en plan:

_________________ (div)

**** (img)



_________________ (/div)

LiuM

si pones un div del mismo tamaño que la imagen y pones padding no kedaria centrado? No se mucho de css kizas acabe de decir una burrada pero weno asi aprendo. xD

Carcass

No se puede centrar verticalmente, así que no te comas la cabeza jeje (se puede con javascript, pero es un poco rollo y no es independiente del navegador...)

Abreu

<div>
<table cellpadding=0 cellspacing=0 height=100%>
<tr><td>< img src=url></td></tr>
</table>
</div>

Si el alto del div es mayor que el alto de su contenido, este quedara centrado.

B

fua xDD

#4 es lo que he utilizado por ahora, pero no es "universal" pq he de cambiar el valor del padding según el tamaño de lo que quiera centrar

#5 eso me temo :_( xD

#6 utilizar tablas funciona xD pero hace un tiempo me prometí a mí mismo dejar de utilizar las tablas para maquetar. xD el html tiene estas cosas

horizontalmente sé que se puede hacer poniendo margin-left: auto; y margin-right: auto; por si a alguien le interesa :P pero verticalmente no va.

gracias a todos

AntonRodin

no funciona el float:left,right o center

si eso metes en un <p> el texto lo pones float right y a imagen float left asi se alinearan...supongo xDDD pero ni puta idea

Carcass

Que no, que verticalmente no se puede XD

eiffrit

mmm, con margenes no se puede hacer un apaño?

guiye

Si lo dice Carcass, amén.

Nemox

Y si viene Zeldman y dice que si? a quien rezarias guiye?

...hay q ver....

guiye

Seguramente cambiaría mis creencias a David Bisbal, pero no creo oie xD

AntonRodin

http://www.indizain.net/pruebas/prueba.html

y con imagen: http://www.indizain.net/pruebas/prueba2.html

mas o menos asi no? pos yo creo q es con align...pero pa eso tendrias q saber algo de margenes para ma sinformacion:

http://www.alistapart.com/articles/negativemargins/

Usuarios habituales