[SOLUCIONADO] problemas con margin al usar position fixed

[vis97c]

trabajando con jquery consegui este codigo que al hacer scroll a cierta altura de la pantalla cambia los atributos de algunos elementos y me crea una barra flotante:

Código:

<script type="text/javascript">
   $(window).scroll(function(){
            if($(window).scrollTop() > 35) {
                $('#c1-bg').css('padding-top', '0px');
                $('#c1-cont').css('position', 'fixed');
            }
            else {
                $('#c1-bg').css('padding-top', '35px');
                $('#c1-cont').css('position', 'relative');
            }
        });
  </script>

ya lo habia usado antes pero solo en elementos con un ancho fijo, pero al hacerlo en uno con margin:0 auto; y cambiar el position:relative; por un fixed este pierde su tamaño y pocision:



quisiera saber si hay alguna solucion para este problema de fixed

[pzin]

¿Quieres que ocupe todo el ancho?

[vis97c]

si, que ocupe todo el ancho y quede centrado, el script en teoria solo deberia reducir el padding-top y hacerlo un elemento flotante

[pzin]

Bueno, estarás de acuerdo conmigo en que ocupar todo el ancho y que a la vez esté centrado es una cuestión que va de la mano. ¿Cómo haces para que ocupe todo y no esté centrado?

Simplemente añade algo así:

Código CSS:

#c1-cont {
  left: 0;
  right: 0;
}
 

Aunque también te valdría:

Código CSS:

#c1-cont {
  width: 100%;
}