Sticky Menü zentrieren

[jakestyler]

Hallo,
auf meiner Seite JokeNetwork ist das Menü eigentlich zentriert.
Ich habe aber folgendes JQuery-Script eingebaut:

[LEFT][COLOR=black][FONT=Consolas]$(function() {[/FONT][/COLOR][COLOR=#555555][FONT=Consolas] [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    // grab the initial top offset of the navigation [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    var sticky_navigation_offset_top = $('#sticky_navigation').offset().top;[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]     [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    // our function that decides weather the navigation bar should have "fixed" css position or not.[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    var sticky_navigation = function(){[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]        var scroll_top = $(window).scrollTop(); // our current vertical position from the top[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]         [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]        // if we've scrolled more than the navigation, change its position to fixed to stick to top,[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]        // otherwise change it back to relative[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]        if (scroll_top > sticky_navigation_offset_top) { [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]            $('#sticky_navigation').css({ 'position': 'fixed', 'top':0, 'left':0 });[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]        } else {[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]            $('#sticky_navigation').css({ 'position': 'relative' }); [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]        }   [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    };[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]     [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    // run our function on load[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    sticky_navigation();[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]     [/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    // and run it again every time you scroll[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    $(window).scroll(function() {[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]         sticky_navigation();[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas]    });[/FONT][/COLOR]
[COLOR=#555555][FONT=Consolas] [/FONT][/COLOR]
[COLOR=black][FONT=Consolas]});[/FONT][/COLOR][/LEFT]

Das ist dafür zuständig, dass das Menü sich die ganze Zeit mitscrollt.
Sobald der Code greift, ist das Menü aber Links und ncihtmehr zentriert!

Danke schonmal für Hilfe! :)

 

[thuemmy]

Gib dem div sticky_navigation mal ein width:100%;

 

[jakestyler]

Dankesehr :)