Mirad, esto es lo que quiero y esto es lo que ocurre:
http://jsfiddle.net/tZAxG/embedded/result/
Como podéis comprobar, el elemento fijo, el naranja, es fijo con respecto al
body aunque su padre tenga un position: relative.
¿Alguna solución creativa? ¿Quizás sin usar el left y el right para
posicionarlo?
Mil gracias,
Marina
2011/8/23 Martin Etxauri <t...@eragin.com>
> pues algo habrá porque no debería ignorarlo
>
> mira, yo he puesto esto y rula "maomeno"
>
> <div style="width:200px; height:800px; background:#0FF; position:relative;
> margin:200px auto;">
> <div style="width:200px; height:100px; background:#00F; position:fixed;
> margin:0;"></div></div>
>
>
>
> El 23/08/2011, a las 11:30, Marina Gallardo escribió:
>
> > Tiene un position:relative y se la trae al pairo... :-(
> >
> > Si no se puede con CSS, como me estoy figurando... any other idea?
> >
> > 2011/8/23 Martin Etxauri <t...@eragin.com>
> >
> >> aupa
> >>
> >> si le pones al padre position: relative la posición del elemento será en
> >> relación al padre
> >>
> >> eso si, si lo que quieres es que, como en la web que has mandado primero
> >> esté en relación al padre pero luego se quede arriba, en relación a la
> >> página creo que necesitarás mas que css... creo :)
> >>
> >> saludos
> >>
> >> El 23/08/2011, a las 11:16, Marina Gallardo escribió:
> >>
> >>> El problema es que el elemento flotante-fixed lo hace con respecto al
> >> body,
> >>> y mi pregunta es si es posible hacerlo fijo pero relativo al padre.
> >>>
> >>> 2011/8/23 Gerardo Oscar Jimenez Tornos <gerardoosca...@gmail.com>
> >>>
> >>>> seguramente tengas que darle un width al menu flotante o al wrapper.
> Es
> >> un
> >>>> poco difícil sólo con eso ¿tienes la página subida a algún sitio donde
> >> la
> >>>> pueda ver?
> >>>>
> >>>>
> >>>> El 23 de agosto de 2011 11:02, Marina Gallardo
> >>>> <marinagalla...@gmail.com>escribió:
> >>>>
> >>>>> Imaginemos:
> >>>>>
> >>>>> .wrapper {
> >>>>> margin: 0 auto;
> >>>>> }
> >>>>> .menu-flotante {
> >>>>> position: fixed;
> >>>>> }
> >>>>>
> >>>>>
> >>>>>
> >>>>>
> >>>>> 2011/8/23 Gerardo Oscar Jimenez Tornos <gerardoosca...@gmail.com>
> >>>>>
> >>>>>> No entiendo exactamente lo del centrado, ¿puedes poner un trozo de
> tu
> >>>>>> código?
> >>>>>>
> >>>>>>
> >>>>>>
> >>>>>> El 23 de agosto de 2011 10:53, Marina Gallardo <
> >>>> marinagalla...@gmail.com
> >>>>>> escribió:
> >>>>>>
> >>>>>> Sí, el de los menús, pero que se conserve el centrado al adaptar el
> >>>>>>> navegador al tamaño que se quiera....
> >>>>>>> Miraré lo del foro. Muchas gracias.
> >>>>>>>
> >>>>>>>
> >>>>>>> 2011/8/23 Gerardo Oscar Jimenez Tornos <gerardoosca...@gmail.com>
> >>>>>>>
> >>>>>>>> Hola Marina,
> >>>>>>>>
> >>>>>>>> Hay una iniciativa nueva de ovillo en
> >>>>> http://ovillo.treeweb.es/app/Foro/que tiene algunas ventajas
> >> (coloreado
> >>>> de
> >>>>> sintaxis, marcado de tus respuestas
> >>>>>>>> y comentarios, etc) Si quieres puedes volver a plantear la
> pregunta
> >>>> en
> >>>>> el
> >>>>>>>> foro. No es necesario registrarse.
> >>>>>>>>
> >>>>>>>> El efecto que quieres conseguir, ¿es el de los menús de la parte
> >>>>> derecha?
> >>>>>>>>
> >>>>>>>> Saludos
> >>>>>>>>
> >>>>>>>>
> >>>>>>>> Gerardo
> >>>>>>>>
> >>>>>>>>
> >>>>>>>>
> >>>>>>>> El 23 de agosto de 2011 10:32, Marina Gallardo <
> >>>>> marinagalla...@gmail.com
> >>>>>>>>> escribió:
> >>>>>>>>
> >>>>>>>>> Buenos días. Os comento un poco el problema que tengo:
> >>>>>>>>>
> >>>>>>>>> Tengo un elemento con posición fija en el sidebar, que sube y
> baja
> >>>> en
> >>>>>>>>> función del scroll: ese es el efecto que quiero conseguir. La
> cosa
> >>>> es
> >>>>>>>>> que al
> >>>>>>>>> tener un div-contenedor con margin 0 auto, el elemento fijo se
> >> queda
> >>>>>>>>> donde
> >>>>>>>>> está y no se adapta. Lo suyo sería que se adaptara a ese div
> >>>>> contenedor.
> >>>>>>>>> ¿Tenéis idea de cómo puedo conseguir lo que quiero? No me
> gustaría
> >>>>> tener
> >>>>>>>>> eliminar el centrado del contendor...
> >>>>>>>>>
> >>>>>>>>> Mil gracias,
> >>>>>>>>> Marina.
> >>>>>>>>> _______________________________________________
> >>>>>>>>> Lista de distribución Ovillo
> >>>>>>>>> Para escribir a la lista, envia un correo a
> >> Ovillo@lists.ovillo.org
> >>>>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente
> >>>> dirección:
> >>>>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>>>>>>
> >>>>>>>>
> >>>>>>>>
> >>>>>>>
> >>>>>>
> >>>>> _______________________________________________
> >>>>> Lista de distribución Ovillo
> >>>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >>>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> >>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>>
> >>>> _______________________________________________
> >>>> Lista de distribución Ovillo
> >>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> >>>> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>>>
> >>> _______________________________________________
> >>> Lista de distribución Ovillo
> >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> >> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>>
> >>
> >> _______________________________________________
> >> Lista de distribución Ovillo
> >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> >> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
