Veréis...en mi proyecto, tengo un bloque contenido que dentro tiene un div que flota a la izquierda (la que muestra el contenido) y otro que flota a la derecha (que sería un acceso a la galería).
Mi idea es que, como la página tiene scroll el bloque de la derecha, sea fixed, que siempre cuando bajes en tu página, tengas el acceso a la galería de la sección.
Pero tengo un problema: en cuanto lo pongo fixed, se me va a la zona izquierda por completo, si le pongo right:0, se me va a la parte derecha de la página, no a la del bloque.
Os pongo la estructura que tengo a ver si tengo algo mal... :
Código HTML:
Ver original
<section class="mostrar-contenido"> <article class="texto-contenido"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel eros et nisi rhoncus tristique. Ut vulputate enim vel turpis tincidunt bibendum. Praesent venenatis dolor lacus, ut porta risus. In eget neque ligula. Fusce facilisis vulputate risus ac varius. Morbi a ligula enim. Nullam pulvinar dignissim augue, ut venenatis enim placerat at. Nunc vehicula ullamcorper dui, sit amet venenatis diam commodo sit amet. </p> </article> <aside class="acceso-galeria"> <section class="aviso-galeria"> Pulse aquí para acceder a la galería. </section> </aside> </section> </section>
CSS:
Código CSS:
Ver original
.mostrar-contenido{ width:100%; height:auto; color:#686665; padding-top: 10px; padding-bottom: 20px; } .texto-contenido{ width:78%; height:auto; float:left; } .acceso-galeria{ width:20%; height:auto; float:right; } .aviso-galeria{ position:relative; top:50%; }
Gracias por la ayuda de antemano! ;)
Solucionado: Tenía un bloque por ahí que usaba en una anterior versión de la web que hacía que se fuera todo a tomar por saco :)