{"id":5778,"date":"2014-07-17T14:57:57","date_gmt":"2014-07-17T11:57:57","guid":{"rendered":"https:\/\/fi.wordpress.org\/support\/topic\/navigaatiopalkin-keskitys-max-mag-themessa\/"},"modified":"2016-08-04T23:03:02","modified_gmt":"2016-08-04T23:03:02","slug":"navigaatiopalkin-keskitys-max-mag-themessa","status":"closed","type":"topic","link":"https:\/\/fi.wordpress.org\/support\/topic\/navigaatiopalkin-keskitys-max-mag-themessa\/","title":{"rendered":"Navigaatiopalkin keskitys Max Mag themess\u00e4"},"content":{"rendered":"

Moi,<\/p>\n

Pohjustan ongelmaani sen verran, ett\u00e4 hypp\u00e4sin jo liikkuvaan kelkkaan, jonka alkuper\u00e4inen sivuston luoja oli hetki sitten j\u00e4tt\u00e4nyt. Aikaisempaa kokemusta WP:n k\u00e4yt\u00f6st\u00e4 ei ollut. Muutamia muokkauksia olen saanut nyt sivustolle tehty\u00e4, mutta t\u00e4ll\u00e4 hetkell\u00e4 ongelma on eri selaimilla avatessa yl\u00e4navigointipalkin(main-nav-wrapper) k\u00e4ytt\u00e4ytyminen.<\/p>\n

Tuntuu, ett\u00e4 muokkaukseni eiv\u00e4t vaikuta itse navigointipalkin toimintaan mitenk\u00e4\u00e4n. Kokeilin mm. muuttaa palkin leveytt\u00e4 100% -> 1000px -> 50px, mutta mill\u00e4\u00e4n selaimella ei tapahtunut mit\u00e4\u00e4n.<\/p>\n

Chrome n\u00e4ytt\u00e4\u00e4 sivun teoriassa kokoajan oikein, mutta IE pakottaa navigointipalkin oikealle ja Firefox taasen vasemmalle. Androidin p\u00e4\u00e4ll\u00e4 py\u00f6riv\u00e4n Dolphin selaimen kanssa sivusto n\u00e4ytt\u00e4\u00e4 samalta, kun Chromella.<\/p>\n

Tarkoitus olisi saada navigointipalkki 1000px leve\u00e4ksi, jotta se olisi samanlevyinen, kun muukin sivusto ja samalla luonnollisesti my\u00f6s keskitetty\u00e4, ett\u00e4 se on sivuttaissuunnassa samalla tasolla muun sivuston kautta.<\/p>\n

Elementeiss\u00e4 on viittauksia float: left;, mutta niidenk\u00e4\u00e4n poistaminen tai muuttaminen right:ksi ei tunnu muuttavan mitenk\u00e4\u00e4n asettelua eri selaimilla.<\/p>\n

Toivottavasti joku sai kutakuinkin viestist\u00e4ni selv\u00e4\u00e4 ja jaksaisi viel\u00e4 vastata t\u00e4h\u00e4n ongelmaan.<\/p>\n

#nav {\n\n\tfloat: left;\n\n\tposition: relative;\n\n\twidth: 100%;\n\n\t}\n\n#main-nav-wrapper {\n\n\t\t-ms-box-shadow: 0 -4px 15px -5px #555;\n\n\t\t-moz-box-shadow: 0 -4px 15px -5px #555;\n\n\t\t-o-box-shadow: 0 -4px 15px -5px #555;\n\n\t\t-webkit-box-shadow: 0 -4px 15px -5px #555;\n\n\tbox-shadow: 0 -4px 15px -5px #555;\n\n\tfloat: left;\n\n\tposition: relative;\n\n\twidth: 100%;\n\n\tz-index: 2000;\n\n\t}\n\n#main-nav {\n\n\tmargin: 0 auto;\n\n\tposition: relative;\n\n\twidth: 1000px;\n\n\theight: 38px;\n\n\t}<\/code><\/pre>\n
T\u00e4ss\u00e4 viel\u00e4 muutama kuvakaappaus aiheesta.<\/p>\n","protected":false},"template":"","class_list":["post-5778","topic","type-topic","status-closed","hentry","topic-tag-main-nav","topic-tag-max-mag","topic-tag-navigaatio"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fi.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fi.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/fi.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/fi.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5778\/revisions"}],"wp:attachment":[{"href":"https:\/\/fi.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=5778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}