Nyt on mielestäni todella outo ongelma.
Firefoxilla sivu toimii mainiosti, mutta Google Chromessa navigointibaarin napit ovat kuin luiskahtaneet pois navigointi barista. Kun lataan sivun uudestaan (painamatta "Lataa tämä sivu uudelleen"-nappia, vaan valitsen koko osoitteen ja painan enter), napit menevät takaisin paikoillan noin 70% todennäköisyydellä. "Lataa tämä sivu uudelleen."-nappia painamalla napit eivät mene paikoilleen.
Icognito-tilassa sama homma, paitsi tuolla ensimmäisellä tavalla napit menevät paikoillaan 100% todennäköisyydellä.
Itsellä ei ole ajatustakaan mitä googlettaa, joten toivottavasti täällä on joitain jotka tietävät miten Chrome toimii.
Mikähän sivu mahtaa olla kyseessä?
Korjaat vaan css-ongelmasi. Ei pitäisi olla vaikeaa. Yleensä tiedät jo kirjoittaessasi, että olet tekemässä jotain ihmeellistä lottokikkaa, josta voi aiheutua ongelmia.
Itselläni oli juuri Chromen kanssa ongelma. F5 painamalla CSS sekoili omiaan. En muista miten ratkaisin homman. Taisin vain muotoilla CSS:äni erilaiseksi.
Kannattaa katsoa, että sivusto on validia html:ää ja css:ää. Samalla kannattaa tarkistaa, että css-tiedostot ovat todellakin ajantasalla, varsinkin jos rakentelee jatkuvasti sivustoa.
Jos välimuistin tyhjennys on ylitsepääsemätön toiminto, niin vaihtelee vaikka css-tiedoston nimeä, vaikka tutulla kikalla parametreillä tiedostonimen perässä:
muntyyli.css?versio2
Tyhjentäisin välimuistin.
Kokeile tätä: Avaa kehitystyökalut (F12), napsauta hiiren oikealla painikkeella päivityskuvaketta ja valitse kontekstivalikosta ”Tyhjennä välimuisti ja pakota päivitys”.
Tuo auttaa aina, jos Chrome itsepäisesti hakee sivun välimuistista. Joskus niin vain käy, vaikka päivittäisi F5-näppäimellä.
Lebe80 kirjoitti:
Jos välimuistin tyhjennys on ylitsepääsemätön toiminto, niin vaihtelee vaikka css-tiedoston nimeä, vaikka tutulla kikalla parametreillä tiedostonimen perässä.
Tai ehkä vain käytetään taas ihan selainten omia fiitsuja. Ainakin Firefoxissa ja Chromessa devtoolseissa on erillinen asetus välimuistin disabloimiseksi aina devtoolsin ollessa auki. Tällöin kaikki sivulataukset ohittavat välimuistin automaattisesti.
The Alchemist kirjoitti:
Lebe80 kirjoitti:
Jos välimuistin tyhjennys on ylitsepääsemätön toiminto, niin vaihtelee vaikka css-tiedoston nimeä, vaikka tutulla kikalla parametreillä tiedostonimen perässä.
Tai ehkä vain käytetään taas ihan selainten omia fiitsuja. Ainakin Firefoxissa ja Chromessa devtoolseissa on erillinen asetus välimuistin disabloimiseksi aina devtoolsin ollessa auki. Tällöin kaikki sivulataukset ohittavat välimuistin automaattisesti.
Itsellä ei silti aina toimi. Ainoa toimiva keino omassa tapauksessa Chromen kanssa on ollut tuo "Tyhjennä välimuisti ja pakota päivitys", vaikka mitä yrittäisi.
Eikö se, että olen testannut sivua Icognito-tilassa, kerro, että ongelma ei ole välimuistissa?
JuustoPala kirjoitti:
Eikö se, että olen testannut sivua Icognito-tilassa, kerro, että ongelma ei ole välimuistissa?
Ei. Välimuisti toimii myös incognito-tilassa. Eri sivunlatausten välillä ainoa olennaisesti muuttuva asia on välimuisti, ellet itse ole koodannut sivustolle jotain muuttuvaa. Välimuisti ei kuitenkaan muuta CSS-tyylien toimintaa, vaan luultavampi syy ongelmalle on jokin JavaScript- tai PHP-virhe.
Asiassasi ei pysty mitenkään järkevästi auttamaan, jos et anna joko riittävän kattavaa koodia tai mieluiten linkkiä ongelmalliselle sivulle. Päätön arvailu on typerää ajanhukkaa sekä sinun että vastaajien kannalta.
No, kun tutkin asiaa niin huomasin, että kun poistan etusivulta <form>-elementin, navigointi bar menee oikealle paikalleen. Siis pelkän <form>-tagin.
Kun testailin niin sille ei oltu edes määritelty mitään tyylisääntöjä, jotka vaikuttaisivat mitään.
Tietääkö kukaan mikä sivuani riivaa? Laitoinpa <form>-tagin minne tahansa päin koodia, sama toistuu.
Ei, kukaan ei tiedä, koska kukaan ei ole nähnyt sivuasi. Anna linkki ja tarkista sivusi HTML-validaattorilla ja CSS-validaattorilla.
Aihe on jo aika vanha, joten et voi enää vastata siihen.