Autor | Zpráva | ||
---|---|---|---|
grovik Profil * |
#1 · Zasláno: 14. 12. 2012, 00:41:20
Mám obrázek na pozadí (body) a do jeho středu vycentrovaný obrázek (margin: 0 auto).
Pokud div s obrázkem má reálnou velikost v Chromu se vytvoří po levé straně 2px široká čára. Opera i IE jí tam nedělají. Pokud tento div zvětším o 2px obrázek se posune o tyto 2px doleva a lícuje jak má. Ovčem v tom případě v IE a Opeře ujede zase napravo. varianta IE a Opery se mi zdá správná (souhlasí čísla, i velikosti). Hledal jsem kde se dalo, ale na nějaké správné a funkční řešení ne a ne narazit. Zkoušením jsem ověřil, že je to problém toho divu. Nikoliv obrázku. Taky jsem zkusil všelijaké nulování a podobně. Nemá to na nic vliv. Náhled kódu. body { margin: 0 auto; background-image: url(grx/pozadi.png); background-position: center top; background-repeat: no-repeat; } #horni { margin: 0 auto; width: 957px; } |
||
Trejpa Profil |
#2 · Zasláno: 14. 12. 2012, 00:53:47
grovik:
V uvedeném kódu problém není. Prosím o odkaz na živou ukázku. |
||
grovik Profil * |
#3 · Zasláno: 14. 12. 2012, 01:25:32 · Upravil/a: grovik
K nahlédnutí zde: http://work.grovik.net/skolka/
Jdu to zkusit ještě v dalších prohlížečích a na tabletu. Zkoušel jsem FF a tam to udělalo taky. IE a Opera to nedělají. Matematicky mám za to, že to sedí v Opeře a IE. Tak jsem to zkoumal dál v tom FF. A dost možná to má souvislost s velikostí okna. Když okno zmenším o pár pixelů horizontálně. Mezera je fuč. |
||
user243 Profil |
#4 · Zasláno: 14. 12. 2012, 05:34:51
div s id="horni" jsem roztáhnul o 1px a linka zmizela;
|
||
margin Profil * |
#5 · Zasláno: 14. 12. 2012, 05:44:36
Já vidim v Chrome 1px mezeru - www.myscreen.cz/url/c960aa1f81013edf828928b41c4626bccac3ffd1
|
||
grovik Profil * |
#6 · Zasláno: 14. 12. 2012, 06:55:34
No právě Chrom i FF to dělají. Opera a IE to nedělají. Podle logiky je to v IE a Opeře správně.
user243: Já ho musím roztáhnout o dva. Každopádně to není řešení. Rozbije to zřetelně funkční a správnou variantu v IE a Opeře. |
||
grovik Profil * |
#7 · Zasláno: 14. 12. 2012, 09:04:24
Takže jsem vyzkoušel další Chrome. Stejná verze a všechno. Jediný rozdíl je v rozlišení 1920x1080. Tam chyba není.
Vyvozuji z toho souvislost na prohlížeči a poměru stran. |
||
margin Profil * |
#8 · Zasláno: 14. 12. 2012, 11:07:27
Já tuším problém v liché šířce, které je 957px, zkusil bych o několik pixelů jiný rozměr, třebas 960px.
|
||
Trejpa Profil |
#9 · Zasláno: 14. 12. 2012, 11:08:10
grovik:
Je to důsledek zaokrouhlování liché šířky hlavičky a sudé šířky pozadí, protože každá má střed malinko jinde. Je třeba oba rozměry použít sudé, potom středy ve většině případů lícují. Je potřeba znova nařezat obrázky a výsledek funguje podle očekávání. Medvídkova školička Za cenu zvětšení objemu pozadí doporučuji z něj podkladový obrázek hlavičky nenahrazovat bílím místem. Jednak, jako v tomto případě, by se v případě zmateného prohlížeče místo bílé čáry zobrazila méně rušivá čára barevná (tím neomlouvám opravu chyby) a navíc by bylo zobrazeno i místo, kam kliknout, kdyby se nenačetl hlavičkový obrázek. Dalším doporučením je vyplnit si atributy alt a případně i title ve značkách <area>, aby lidé bez možnosti obrázků a vyhledávače hned věděli, kam vede odkaz z obrázkové mapy. |
||
grovik Profil * |
#10 · Zasláno: 14. 12. 2012, 13:19:17
Díky za rady,
ty alt a podobně tam nejsou je to hodně raná verze návrhu. Začal jsem tím, že jsem to nařezal. Taky jsem po několika zkouškách dospěl k závěru, že se tam perou nějaké přepočty. Napadlo mě ještě jiné řešení. Tlačítka dát na průhledný PNG a ostatní nechat jako pozadí. Ještě jednou díky! |
||
Časová prodleva: 11 let
|
0