Centrar un DIV absoluto

Hoy he tenido la necesidad de centrar un DIV absoluto y he dado con una solución muy interesante. La comparto por si le pudiera servir a alguien. Un saludo!

.centeredDiv{
    position: absolute;
    width: 90%;
    height: 50%;
    margin:auto;
    left:0;
    right:0;
    top: 0;
    bottom: 0;
}

Comentarios

Publicar un comentario

Entradas populares de este blog

Envío de checkboxes o selector multiple por AJAX con jQuery

Pasar parámetros de un formulario mediante las llamadas ajax que proporciona jQuery resulta realmente sencillo. Pero ¿qué pasa si queremos enviar un conjunto de checkboxes? ¿y si queremos enviar varias opciones seleccionadas de un selector múltiple? Pues la solución es igual de sencilla: Serializar. Con una pequeña función podemos serializar estos datos para enviarlos todos juntos como parametro. Aquí podéis ver el código:
Leer más

Patrones de Diseño Creacionales

Imagen
Un patrón de diseño es una estructura general que puede ser usada para solucionar un problema. No se trata ni de una librería ni de un esqueleto. Para que una solución se considere un patrón de diseño debe ser efectiva y reutilizable, es decir, que pueda aplicarse y resolver problemas similares. Los Patrones Creacionales son los que proporcionan maneras de crear objetos ocultando la lógica de creación en lugar de utilizando el operador new . Factory Method (Método fábrica) Este patrón de diseño lo que recomienda es algo bien sencillo, en lugar de utilizar a lo largo del código el operador new para crear objetos, llamar a un método que se encargue de crearlos. De ahí su nombre. El motivo es sencillo, imagina que tienes una aplicación de gestión de envíos y sólo usas la clase Camion , el día que la empresa crezca y haya que meter la opción Barco , tendrás que hacer cambios por todo el código, mientras que usando este patrón solo tendrás que modificar un método . Utiliza este p
Leer más

Conceptos básicos de la POO

Imagen
Me ha parecido interesante hacer un pequeño resumen de las distintas relaciones que podemos encontrar en la Programación Orientada a Objetos (POO) y su implementación en PHP. Seguro que muchos encontréis interesante este mini resumen del tema y los ejemplos que pongo. Vamos a verlos gráficamente mediante su representación en UML y a continuación los describimos brevemente para después entender bien el código. Estos son básicamente los tipos de relaciones que nos podemos encontrar aunque existen algunas más. Vamos a verlos: Composición Es una relación estructural donde los objetos relacionados tan sólo tienen sentido conjuntamente. El contenedor debe crearlos y contener un método que destruya los objetos que lo componen cuando este sea borrado, ya que estos carecen de sentido sin él. class Ala { // Atributos y metodos } class Avion { private $alaIzquierda; private $alaDerecha; public function __construct() { $this->alaIzquierda = new Ala() ;
Leer más