Link que no se mueva

susito · #1 (**permalink**) 17/08/2011, 03:23

Buenas!

Esto siempre me ha pasado, y probando distintas variables del atributo position lo he solucionado pero no entiendo porque pasa. Os explico, tengo un bloque por ejemplo de lo que sea, que muestra contenido y al pie del bloque pongo un link <a> que lleve al contenido completo (como un leer mas). Bien, pues ese "leer mas" me da problemas, pues a distinta resolucion o redimensionando la ventana del navegador se mueve y descoloca de su lugar. Siempre he usado position: absolute o relative, y luego dado top y left para colocarlo donde quiera. ¿Que hago para que no se mueva el texto?

Gracias!
Saludos!

Batan · #2 (**permalink**) 17/08/2011, 03:32

Saludos

Si usas el absolute, lo que haces es posicionarlo con referencia al BODY. Si lo haces con relative lo posicionas con referencia al contenedor que tienes. En tal caso posicionar un bloque dentro de un contenedor no es tan dificil.

Código HTML:

Ver original<div id="contenido">
Tu contenido.
<div id="mas">Leer más</div>
</div>

Luego le pondrias los estilos que quieras.
De todas formas si quieres que te ayudemos pon el HTML de tu bloque y su CSS(no pongas todo el código de tu página).

Saludos

susito · #3 (**permalink**) 17/08/2011, 04:16

Cita:

Iniciado por Batan

Saludos

Si usas el absolute, lo que haces es posicionarlo con referencia al BODY. Si lo haces con relative lo posicionas con referencia al contenedor que tienes. En tal caso posicionar un bloque dentro de un contenedor no es tan dificil.

Código HTML:

Ver original<div id="contenido">
Tu contenido.
<div id="mas">Leer más</div>
</div>

Luego le pondrias los estilos que quieras.
De todas formas si quieres que te ayudemos pon el HTML de tu bloque y su CSS(no pongas todo el código de tu página).

Saludos

Bueno, lo he resuelto. Me has encendido la bombilla con ese código sencillo que me has puesto. En verdad la página era un CMS y ya sabes como complican estas cosas sencillas, pero gracias a tu código me di cuenta de que el div que contenía el link "leer mas" estaba solo a su bola fuera del div del bloque... jaja, por eso se movía, ahora se mueve acorde al bloque. Muchas gracias ;)

Saludos!