HTML POSICIÓN DE CAPAS

¿Por qué no se me posiciona donde quiero una CAPA?
¿Por qué al abrir la barra lateral de Favoritos/Marcadores la capa se desplaza?
¿Por qué al cambiar de resolución, cambia de sitio?

La respuesta es fácil. Las capas absolutas (style=»position:absolute;») tienen sus valores top y left con respecto a su contenedor principal. Si la capa está en una tabla o en body directamente, pues estos son sus contenedores.

¿Cómo hacer que una capa esté siempre en el mismo sitio?

Mi consejo es utilizar una capa relativa (style=»position:relative;») y dentro anidarle una absoluta.

¿Ejemplos?

<table>
<tr>
<td width=»33%»>¿Y la capa?</td>
<td>
<div style=»position:relative;»>
<div style=»position:absolute;top:3px;left:10px;»>
¡Aquí estoy!
</div>
</div>
</td>
</tr>
</table>

¿Y la capa?
¡Aquí estoy!

Autor: Janmi

Janmi es un informático entusiasta de la ciencia ficción, el diseño gráfico, el universo de Tolkien, fantasía épica y otras cosas frikis. Apasionado por la tecnología, ya sea desde el punto de visto técnico, domótico, funcional o de diseño.