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.
2 comentarios en “Posiciones absolutas dentro de relativas”
1
Maximiliano
15/6/2007 | 3:44 pmHay que tener siempre presente que para diseños líquidos hay que trabajar con medidas relativas, como % por ejemplo previamente haciendo las conversiones y ajustes necesarios desde px (FireWorks)
2
MARIBEL
09/10/2009 | 12:23 pmHay que tener siempre presente que para diseños líquidos hay que trabajar con medidas relativas, como % por ejemplo previamente haciendo las conversiones y ajustes necesarios desde px (FireWorks)
