capa fija ante scroll

auri501 · #1 (**permalink**) 19/08/2010, 07:16

Buenas tardes a todos,

He visto que hay varios post sobre este tema pero ninguno me sirve para lo que yo quiero hacer, he probado alguna de las soluciones y si que fija la capa pero me desaparece el fondo que le tengo asignado a esa y a todas las capas que se relacionan por encima y por debajo a ella.

Os explico lo que pretendo hacer: necesito que mi menú quede fijado en la capa lateral izquieda, pero cuando le doy la propiedad: position:fixed desaparece el fondo asignado....

no sé de que manera solucionarlo.

Muchas gracias!

kseso? · #2 (**permalink**) 19/08/2010, 07:30

Disculpe la crudeza de mi respuesta, que no es tal sino una pregunta:
¿Y cómo quiere que lo sepa alguien?
¿Qué le es de más ayuda: divagamos nosotros o facilita usted un enlace a la página del problema?

Atentamente

iwexcoder · #3 (**permalink**) 19/08/2010, 17:44

Cita:

Iniciado por kseso?

Disculpe la crudeza de mi respuesta, que no es tal sino una pregunta:
¿Y cómo quiere que lo sepa alguien?
¿Qué le es de más ayuda: divagamos nosotros o facilita usted un enlace a la página del problema?

Atentamente

JEJEJ ADHIEROOOO....ya he visto varios post de este tipo que piden ayuda y ni siguiera dan un dato para ver...jejeje...

auri501 · #4 (**permalink**) 20/08/2010, 02:11

En realidad estaba pidiendo un ejemplo de algún código, no que arreglaran el mio.

Mi código es bastante extenso y tengo includes por lo que sería bastante lioso incluirlo aquí.

Disculpen la crudeza de mi respuesta.

Gracias igualmente.

kseso? · #5 (**permalink**) 20/08/2010, 06:38

Cita:

Iniciado por auri501

En realidad estaba pidiendo un ejemplo de algún código, no que arreglaran el mio. Difícil lo pone, pues (al menos yo) desconocemos qué características o necesidades precisa.

Mi código es bastante extenso y tengo includes por lo que sería bastante lioso incluirlo aquí. De ahí que yo le indicase la conveniencia de un enlace para reproducir el problema y ver todos los factores que lo provocan. Y no se precisan los códigos de programación, sino los generados (html) por el navegador

Disculpen la crudeza de mi respuesta. Lo que precisamos para poder ayudarle a encontrar lo que sea que necesite es una descripción lo más clara y precisa del funcionamiento anómalo y del que usted desea que sea, cumplimentado inexcusablemente con los códigos implicados. Con independencia de la forma en que usted crea oportuno exponerlo.

Gracias igualmente.

Es al menos lo que yo necesitaría para poder ayudarle en la medida de mis, escasos, conocimientos.

Atentamente

alexk · #6 (**permalink**) 20/08/2010, 07:32

auri501 como dicen por alli "ayudanos a ayudarte"...
no estamos alli junto ati para enterarnos del problema... se vienen muchas ideas a la mente pero sin codigo o una URL de donde?, como? y porque? son las cosas ya me diras como te damos una respuesta clara envez de cualquier cosa que al final no sera lo que necesitas.

PD: En cuanto a tu codigo nos referimos al interpretado por el navegador nada de includes ni eso que estamos en el foro de CSS.

auri501 · #7 (**permalink**) 20/08/2010, 07:59

Bueno en otros post de este mismo foro he visto preguntas planteadas de la misma forma que yo la he hecho y todo el mundo ha contestado de manera educada planteando diferentes ejemplos.
No pretendo crear ninguna polémica de como se deben plantear las dudas y estoy de acuerdo que cuanta más información se dé antes se llegará a la solución, pero en este caso mi intención era pedir un simple ejemplo de capa fijada mediante position:fixed.

Esta es la página que necesito realizar la capa fija (la que contiene el menu lateral izquierdo)
http://www.demastallas.es/productos_...d_producto=605

Muchas gracias por vuestro interés.

alexk · #8 (**permalink**) 20/08/2010, 08:20

Código:

#contenedor{
height:900px;
margin:auto;
width:1056px;
position:relative;
}
#fondogral #contenedor #capa_izquierda {
background-image:url("../imagenes/fondopartes/parts2/lateral_degradado.gif");
background-position:center center;
background-repeat:repeat-y;
float:left;
margin-left:15px;
margin-top:10px;
position:fixed;
top:193px;
width:256px;
}

kseso? · #9 (**permalink**) 20/08/2010, 14:10

¿Ve usted como así es mucho más fácil para todos?
Yo le indico otra forma, diferente, no se si más adecuada o menos que la de Alexk (no la he probado)
Deje la siguiente declaración como le indico:

Código CSS:

Ver original#fondogral #contenedor #left {
position:fixed;
width:271px;
}

Posicionando algún ancestro como /relative/

Pero antes de hacerlo (dejarla fija) fíjese lo que ocurre (en resoluciones verticales "normales") al desplegar cualquiera de las opciones del menú.

Atentamente

P.D.: Sólo como información, el valor /fixed/ no es soportado por ie6

auri501 · #10 (**permalink**) 23/08/2010, 02:05

alexk genial, ha funcionado perfectamente. Muchísimas gracias a todos por vuestra ayuda.

auri501 · #11 (**permalink**) 23/08/2010, 07:46

Hay un problema en ie7, la capa se ha movido mucho a la derecha....

http://www.demastallas.es/productos_...d_producto=605

alexk · #12 (**permalink**) 23/08/2010, 07:53

extraño... pero bueno agrega

Código:

#fondogral #contenedor #capa_izquierda {
background-image:url("../imagenes/fondopartes/parts2/lateral_degradado.gif");
background-position:center center;
background-repeat:repeat-y;
margin-top:10px;
position:fixed;
top:193px;
width:256px;
left:50%;
margin-left:-513px;
}

auri501 · #13 (**permalink**) 23/08/2010, 08:17

una máquina, funciona perfectamente. Muchísimas gracias Alexk

auri501 · #14 (**permalink**) 31/08/2010, 08:20

Hola a todos,

Me han comunicado que en algunas pantallas más anchas, tipo portátiles, la página se descuadra... el menú se desplaza a la izquierda y el logo de la página que esta en la parte superior izquierda se corta por la mitad.... he intentado solucionar el problema pero no he podido....

http://www.demastallas.es/productos_...bcategoria=641

Me gustaría mantener el menú de esta forma, pero si hay que quitar la propiedad fixed para que funcione no me importaría.

Muchas gracias a todos.