Ratkaistu

[leahiiii]

Nyt menee hermo tähän ärsyttävään ongelmaan Olisiko jollain antaa apua tähän dilemmaan ? Olen yrittänyt selata koodisivustoista vinkkejä yms., mutta mikään ei tunnu toimivan ja hankaloittaa, että koodiohjelma sekä selaimet näyttävät kaikki eri sirkusohjelmaa

Kyseessä [tämä ulkoasu].

Ulkoasun pitäisi näyttää [tältä], ja siltä se näyttää koodausohjelman preview'llä, josta screenshottikin on.

Kun lataan kooditiedostot Altervistaan, se näyttää [tältä] kun käytössä on Safari selaimena (pieni, 1-2px rako otsikkokuvan ja sisällön välissä).

Saamieni tietojen mukaan Chromella taas näyttää jotain ihan muuta räpellystä Otsikkokuva oli muinaisilla <center> -tageilla, mutta kun vaihdoin nykyaikaiseen menetelmään (css-tiedostossa margin-left ja margin-right molemmat arvolla auto, koska kyseessä kuva, eikä mene keskelle yleisellä "margin: auto;"), meni päin mäntyä Chromella.

[Jassu L.]

Minulla näkyy Chromella ihan oikein (käyttöjärjestelmässä 125% skaala), joten oletan että muillakin Chromium-pohjaisilla selaimilla (Opera, Avast secure jnejne).

Mozilla taas on eri projektiperhettä ja sillä taas näkyy tämä mainitsemasi ongelma Samaten jos Chromella zoomailee sisään tai ulos, niin rako ilmestyy joillain zoomaustasoilla näkyviin.

Lyhyesti sanottuna ongelma johtuu selainten eri tavoista pyöristää puolikkaita pikseleitä. Kun ulkoasussa on runsaasti absoluuttisina pikselimäärinä määritettyjä margineita ja muita sijaintimäärityksiä, tulee väkisinkin selainten välille näkymäeroja. Hankkiutuisin näistä siis asap eroon, rakenne kannattaa tehdä kokonaan marginittomana niin ei tarvitse myöskään murehtia esim. eri näyttökoista ja muista vastaavista Voin kyllä autella rakenteen muokkauksessa jos ei luonaa!

[leahiiii]

@jassu-l Mä laitan sulle privaa, kiitos !