Centrar Verticalmente en CSS
Pues yo pensaba que no era posible, pero ahí va .... http://www.w3.org/Style/Examples/007/center.html
"CSS level 2 doesn't have a property for centering things vertically. There will probably be one in CSS level 3. But even in CSS2 you can center blocks vertically, by combining a few properties. The trick is to specify that the outer block is to be formatted as a table cell, because the contents of a table cell can be centered vertically.
The example below centers a paragraph inside a block that has a certain given height. A separate example shows a paragraph that is centered vertically in the browser window, because it is inside a block that is absolutely positioned and as tall as the window"
DIV.container {
min-height: 10em;
display: table-cell;
vertical-align: middle }
...
<DIV class="container">
<P>This small paragraph...
</DIV>
JUAS !!!
orange
Claro que igual soy yo de nuevo que no me entero de ná hasta que no me pilla el toro
xDD
dirarck
rollo irónico on:
Me acaba de pasar una cosa extrañísima, resulta que tengo instalado aki el firefox, y no me di cuenta de que el <a href="http://www.w3.org/Style/Examples/007/center-example.html">ejemplo</a> del w3c lo abrí con este mismo (más irónico todavía: "es k resulta k el k a mi me gusta es el IE que lo representa todo de pm"), entonces como este navegador no me gusta na, abrí el ejemplo en IE, y me di cuenta de que el código debe estar mal, porque IE no lo muestra bien, es vergonzoso como esta comunidad de cientificos pretende engañarnos con ejemplos tan absurdos como este.
PD: qué raro me resulta que IE no muestre algo bien, ese código debe estar mal, porque me furula que te cagas en firefox, mozilla, opera, pero en IE no, eso debe estar mal
PPD: muy bueno Orange
helenp
pues yo le probe y lo mire en IE y nada,
pensé que era yo que no me enteraba :)
meddle
orange
display: table-cell;
vertical-align: middle
curioso, nunca habia visto esa propiedad, ultimamente estoy viendo cosas mu chulas :)
Miguelz
Claro que lo es, tan facil como los autos en el margen, pero una cosa... escribe en minuscula el codigoooo :D
adn
Muy bueno, Orange. Lo que tampoco sabía es que en esa dirección se dedican a ilustrar al personal con ejemplos útiles. Todo un cambio respecto a las farragosas especificaciones. Bookmark!
txuma
Coño, buen descibrimiento, pardiez..... !!!!
marcus
Muy bueno orange,.., aunque de esta manera funciona en los navegadores que interpretan correctamente css2,...no? es decir, en IE no rula......vaya mierda......