jj, pravda, moje chyba to else if... inak ďakujem.

ešte jedna otázka,... či by sa dalo zlepšiť zápis tohto:

var element = document.getElementById('menu1');
function ukotvenie1() {
    var posun1 = (window.pageYOffset || document.documentElement.scrollTop) - (document.documentElement.clientTop || 0);
    if (posun1 > 100)
        {
            element.style.position = 'fixed';
            element.style.top = '0px';
            element.style.width = '100%';
        }
    else
        {
            element.style.position = 'relative';
            element.style.top = '0px';
            element.style.width = '100%';
        }
}
window.onscroll = ukotvenie1;

ako som to doteraz až tak moc neriešil ale teraz ma napadlo či to nejde spraviť tak že by som mal tie styles zapísané v druhom CSS súbore, a pri splnenej podmienke by sa použily styly z archonstyle.css (samozrejme tie ktoré po splnení podmienky sa nemenia by zostávali v prvom súbore...) napríklad ešte mám tam "float: "none";" že by sa načítal z prvého.

ma napadlo to prepísať na:

function ukotvenie1() {
    var posun1 = (window.pageYOffset || document.documentElement.scrollTop) - (document.documentElement.clientTop || 0);
    if (posun1 > 100)
        {
            var head  = document.getElementsByTagName('head')[0];
            var link  = document.createElement('link');
            link href = 'style.css';
        }
    else
        {
            var head  = document.getElementsByTagName('head')[0];
            var link  = document.createElement('link');
            link href = 'archonstyle.css';
        }
}
window.onscroll = ukotvenie1;

//to je ten CSS (2) na obrázku hore//