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 en PHP

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. Existen 3 grandes grupos de patrones de diseño: Patrones Creacionales, Patrones Estructurales y Patrones de Comportamiento. Patrones Creacionales Estos patrones están enfocados al proceso de creación de instancias, en particular, de ocultar el proceso de creación y de encapsular.Existen 5 tipos de patrones Creacionales: - Abstract Factory - Builder - Factory Method - Prototype - Singleton Voy a analizar los más relevantes, suficiente para poder entender este tipo de patrones: 1. Factory Es uno de los más utilizados. En este patrón una clase intermedia (Factory) se encarga de crea el objeto que quieres utilizar. class Coche { private $marca; private $modelo; publ
Leer más

Conceptos básicos de la POO en PHP

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