Entradas de Junio de 2007
12/6 - 2007 css
Posiciones absolutas dentro de relativas
Una de las cosas que aprendí a dominar últimamente en CSS es el manejo de los márgenes absolutos (top, left, right, bottom) para posiciones absolutas dentro de bloques con posición relativa. Esta posibilidad que me mostró el Max ha sido de gran ayuda para los últimos proyectos en los que he trabajado.
La teoría dice que un bloque X con posición absoluta posee márgenes absolutos respecto al html, esto quiere decir, que cualquier margen del tipo top, left, right y bottom, lo ubicarán respecto a los márgenes de la página completa.
div.contenedor{
}
div.x{
position: absolute;
bottom: 0;
left: 0;
}
Sin embargo, al declarar el contenedor padre de X con una posición relativa, este se comportará como absoluto dentro de los márgenes de su contenedor padre.
div.contenedor{
position: relative;
}
div.x{
position: absolute;
bottom: 0;
left: 0;
}
Esta posibilidad de manejo es muy útil cuando se trabaja en diseños líquidos, o con elementos que requieren de esquinas redondeadas.
