Foros del Web » Creando para Internet » CSS »

Sricky sidebar choca con el footer

Estas en el tema de Sricky sidebar choca con el footer en el foro de CSS en Foros del Web. Buenas, tengo un problema le añadí un Sidebar ami pagina web este es sticky(se mueve junto con la web arriba o abajo), el problema es ...
  #1 (permalink)  
Antiguo 13/05/2012, 17:33
 
Fecha de Ingreso: abril-2011
Ubicación: Los Mochis, Sinaloa, Mexico
Mensajes: 25
Antigüedad: 11 años, 3 meses
Puntos: 1
Sricky sidebar choca con el footer

Buenas, tengo un problema le añadí un Sidebar ami pagina web este es sticky(se mueve junto con la web arriba o abajo), el problema es que cuando llega al pie de la pagina pasa por encima de el y no quiero que pase por encima de el sino que se detenga justo arriba de el, quería saber de que forma podría lograr eso, Gracias!

Aqui les dejo el codigo css del Sidebar:

Código PHP:
/************************************************
                Sidebar          
************************************************/

.sidebar{
    
z-index10;
    
positionfixed;
    
margin-left770px;
    
color#000;
    
font-size14px;
    
backgroundurl(images/75.png);
    -
moz-border-radius6px;
    -
khtml-border-radius6px;
    -
webkit-border-radius6px;
    
border-radius5px;
    
border1px solid #BDBDBD;
    
width200px;
    
padding10px;
    
floatright;


& el link de mi pagina web es: http://mejicanadas.com/ para que vean el problema:)
  #2 (permalink)  
Antiguo 13/05/2012, 20:06
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 14 años
Puntos: 187
Respuesta: Sricky sidebar choca con el footer

La solución CSS del problema sería la siguiente, modificar la línea 65 de tu "style.css" de manera que quede así:
Código CSS:
Ver original
  1. #endspacer {
  2.     float: left;
  3.     height: 26px;
  4.     width: 900px;
  5. }

Si quieres mantener el espacio sobrante del fondo (150px), va a ser necesario la aplicación de soluciones javascript

Etiquetas: footer, sidebar, sticky
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 17:18.