Link mérete szétesik
Üdv!
Van egy olyan gondom amit témakörben nem is tudom hova tegyek, mert szétesik a link betümérete, de mégsem a html kód a hibás. Szóval van egy képfeltöltős oldal ami kiszedi a képből a koordinátákat, és egy google maps linkben a kép alá helyezi:
Eddig jó, aztán a harmadik képtől valami megváltoztatja a betüméretet, és ilyen lesz:
Szétesik tőle az oldal, pedig a képek szélessége mindig 500 pixel, a link szélessége is ugyanannyi mert a koordinátákban csak hat szám változik, karakterre ugyanannyi marad. A fenti képek telefonról készültek, asztali gépen a probléma nem jelentkezik. Van egy másik telefonom is, az is egy katasztrófa. Csak annyit látok, hogy a telefon böngészője kénye-kedve szerint változtatja a betüméretet, és nem tudom miért. Meg lehet ezt valahogyan tiltani a telefonnak (böngészőnek)?
■ Van egy olyan gondom amit témakörben nem is tudom hova tegyek, mert szétesik a link betümérete, de mégsem a html kód a hibás. Szóval van egy képfeltöltős oldal ami kiszedi a képből a koordinátákat, és egy google maps linkben a kép alá helyezi:
Eddig jó, aztán a harmadik képtől valami megváltoztatja a betüméretet, és ilyen lesz:
Szétesik tőle az oldal, pedig a képek szélessége mindig 500 pixel, a link szélessége is ugyanannyi mert a koordinátákban csak hat szám változik, karakterre ugyanannyi marad. A fenti képek telefonról készültek, asztali gépen a probléma nem jelentkezik. Van egy másik telefonom is, az is egy katasztrófa. Csak annyit látok, hogy a telefon böngészője kénye-kedve szerint változtatja a betüméretet, és nem tudom miért. Meg lehet ezt valahogyan tiltani a telefonnak (böngészőnek)?
Firebug
néztem
Hol lehet az oldalt megnézni?
van egy rossz hírem
HTML
akkor itt az oldal
Esetleg írjátok meg, hogy milyen telefonról néztétek, és hogy a hiba fenn áll-e vagy sem, illetve hogy milyen programot használtok hibakeresésre (én Opera dragonfly-t, de nemigazán értek hozzá)
(asztali böngészőben nem fog szétesni)
BlackBerry telefon, azért a kocka képernyő mentés
Firefox androidra, illetve az
Lezáratlan tagről nincs szó. Egyébként ajax-os, úgyhogy valószínűleg nem játszana be a dologba. Nem túl jó a HTML, http://app.validator.pro/#/http://www.spessart.hu/zz/index4.htm a doctype elavult, a form tag-nél nem jó a syntax. Ezen kívül pl ilyen tag-ek vannak, hogy center, ami talán már akkor is deprecated volt, amikor még a chrome meg az opera nem is létezett. Nem utf-8-at használ, ami hosszú távon jó nagy káoszhoz fog vezetni, valszeg már most is ahhoz vezet, mert az ajaxos válasz utf-8ban jön vissza az oldal meg windows 1250-es kódolású. Az is fura, hogy az accept-ben xml-t kér, viszont a válasz nem valid xml, hanem csv header-el jön, miközben egy html fragment van benne, amit szövegként használ. A post teljesen felesleges, amikor egy sima get-et csinál, a nyet helyett meg az üres body teljesen megfelelő lenne. A másodpercenkénti frissítés is teljesen felesleges, kinyírná a szervert, ha lenne forgalma, jobb lenne valami reálisabb időköz, mondjuk 5-10 másodperc. Én személy szerint egyáltalán nem csodálom, hogy belezavarodnak a böngészők a fentiek tükrében. A hibát nem sikerült megtalálnom, hogy hol van a rendszerben, lehet, hogyha mindent kijavítasz, akkor magától megjavul.
Akkor átrágom magam a fenti
Nem bonyolultak nézd meg a
Szerintem jobban tennéd, ha HTML helyett inkább JSON-t küldenél, és a scripted alakítaná át HTML-re az adatot. Kisebb úgy a forgalom, és egy helyen van a HTML. Ha PHP-t használsz, akkor json_encode, amivel json-t tudsz csinálni, a javascript-nél meg JSON.parse.
Utána meg érdemes DOM tree-t építeni, nem innerHTML-t használni, mert kevésbé injektálható, ha createTextNode-al helyezed bele a szöveget. Ha beküldésnél ellenőrzöd a tartalmat, hogy nincs e benne javascript, akkor mondjuk nem számít annyira.
A fájl feltöltésnél is oda kell figyelni néhány dologra: itt összeszedtem, hogy mire, már ha tudsz angolul. Érdemes rászánni az időt, mert biztonságosabb lesz így.
Meg van a hiba!
Igaz hogy a kód egy tákolmány, mégsem ez volt a hiba, hanem maga a fájl szerkezete amit feltöltöttem. A Notepad++ -ban a "Kódolás" menüben az "UTF-8 kódolás" -t átállítottam "UTF-8 kódolás BOM nélkül" -re, és láss csodát, minden úgy jelenik meg ahogy azt szeretném. Szerintem önmagában ez sem lehetett volna baj, csak korábbról bent maradhatott valami szemét a file szerkezetében.
És persze idegesítő az is, hogy az egyik browser hibának veszi, a másik meg nem.
Köszönöm mindenkinek a segítséget!