Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] ¿Cómo convertir un div con float en fixed?

Estas en el tema de ¿Cómo convertir un div con float en fixed? en el foro de CSS en Foros del Web. Hola a todos! Veréis...en mi proyecto, tengo un bloque contenido que dentro tiene un div que flota a la izquierda (la que muestra el contenido) ...
  #1 (permalink)  
Antiguo 10/05/2013, 01:34
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta ¿Cómo convertir un div con float en fixed?

Hola a todos!

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
  1. <section class="mostrar-contenido">
  2.                     <article class="texto-contenido">
  3.                         <h2 class="titulo-texto">Nuestra empresa</h2>
  4. <p>
  5. 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.
  6. </p>
  7.                     </article>
  8.                     <aside class="acceso-galeria">
  9.                         <section class="aviso-galeria">
  10.                             Pulse aqu&iacute; para acceder a la galería.
  11.                         </section>
  12.                     </aside>
  13.                     <div class="limpia"></div>
  14.                 </section>                
  15.             </section>

CSS:
Código CSS:
Ver original
  1. .mostrar-contenido{
  2.         width:100%;
  3.         height:auto;
  4.         color:#686665;
  5.         padding-top: 10px;
  6.         padding-bottom: 20px;
  7.     }
  8.    
  9.     .texto-contenido{
  10.         width:78%;
  11.         height:auto;
  12.         float:left;
  13.     }
  14. .acceso-galeria{
  15.         width:20%;
  16.         height:auto;
  17.         float:right;
  18.     }
  19.     .aviso-galeria{
  20.         position:relative;
  21.         top:50%;        
  22.     }

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 :)
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"

Última edición por madman_18; 10/05/2013 a las 02:23 Razón: SOLUCIONADO

Etiquetas: color, contenido, float
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:05.