duży obrazek, bug pozycjonowania

0

Mam obrazek 4959px X 4959px waży 2,38mb
html:

<div id="map" style="margin-left: -400px; margin-top: -275px; display: block; height:800px; width:500px;">
      <div id="map_img" style="background-image: url(.../media/images/maps/map.gif); position: absolute; z-index: 100; left: -4157px; top: -4408px; "></div>
</div>

Pozycje left i top ustawiam zanim nadam elementowi map_img display:block

I po pojawieniu się tego elementu wygląda tak jakby w ogóle nie był przesunięty, ale w konsoli widzę zmienione wartości, dopiero gdy kliknę na ten element przeglądarka wyświetla go dobrze.

0

to już raczej problem przeglądarki, która nie odświeża poprawnie tego elementu (sprawdź inne przeglądarki). Nie wiem czy coś z tym zrobisz. Zauważ, że na stronach z mapkami mapy zawsze są dużą ilością małych fragmentów - możliwe, że też natrafili na podobny problem, możliwe, że chcą oszczędzić łącza i zrobić dużo połączeń niż ściągać 2MB kawałki (już nie mówiąc o mapie całego świata w jakiś większym przybliżeniu ;P).

Fajnie by było jakbyś podał przykład "żywy" - zalinkuj do strony, gdzie coś takiego masz, albo wrzuć na jsbin.com (tylko tego gifa będziesz musiał gdzieś zahostować) - na pewno ułatwi to powtórzenie tego błędu, co jest podstawą do próby jego rozwiązania.

1 użytkowników online, w tym zalogowanych: 0, gości: 1