Truco: Centrar verticalmente con jQuery

Truco: Centrar verticalmente con jQuery

Internet Explorer se resiste a centrar en vertical, así que les propongo un truquillo para conseguirlo en todos los navegadores utilizando jQuery:

[codesyntax lang=”php”]

$('.elementoACentrar').each(function(){
var pos =(parseInt($(this).parent().css("height"))-parseInt($(this).css("height")))/2;
$(this).css({"padding-top":pos+"px"});
});

[/codesyntax]
Para que funcione hay que especificar una altura en el contenedor (padre) de los elementos que queremos centrar y NO espeficicar altura en los que sí queremos centrar.

About Post Author

pablocia

Lo mejor para observar la corriente es no estar en ella, así que toma distancia, piensa y verás la solución. <a href="https://es-es.facebook.com/visualxtudio">Facebook</a>
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entrada anterior Extensión Chrome para 960gs
Entrada siguiente Truco: Cómo obtener la longitud de una colección con EL