Wyśrodkowanie sticky menu

Question

Witam tak jak w nagłówku mam problem z wyśrodkowaniem sticky menu. container ma 900px i marginesy ustawione na auto, to samo chcialem zrobić z przyklejonym menu, niestety po wpisaniu margin-left/right:auto nie się nie dzieje

$(document).ready(function() {
	var NavY = $('.nav').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.nav').addClass('sticky');
		$('.nav').css('background', '-webkit-gradient(linear, left top, left bottom,from(#90a405),to(#96BE05))');
	} else {
		$('.nav').removeClass('sticky'); 
		$('.nav').css('background', '');
	}
	};

.sticky
{
	width:900px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

 

Answer 1

Witam.

position: fixed; oznacza ,ze pozycjonowanie elementu dokonywane jest względem krawędzi okna przeglądarki internetowej a nie kontenera, no chyba, ze okno jest kontenerem. Więc szerokość 900px i rozciągnięcie left: 0; right: 0; mija sie z celem bo szerokość to 100%; Bardziej width: 900px; margin : 0 auto;

Comments

Niestety nic się nie zmienilo

---

podaj link do strony albo kod html i css. Może sticky jest wyśrodkowane ale listy już nie.

---

http://znicz-pamieci.pl/

---

.sticky {
    width: 1000px;
    position: fixed;
    top: 0;
    z-index: 100;
    padding: 0;
}

ponieważ container ma 1000px. a nav ma szerokość 100% contenera więc sticky powinna mieć również 1000px

---

Niestety ale to nie rozwiazuje mojego problemu. Sticky rzeczywiście ma teraz 1000px ale dalej przykleja sie do lewej krawedzi

---

zauważ ,że left: 0;jest usunięte.

---

Po usunięciu rozjechalo mi sie cale menu, ale poradzilem sobie i zamiast usuwac left:0 dodalem right:0 :D Wielkie dzieki za pomoc i naprowadzenie!