OS : Linux Mint 18.2 Sonya;
Браузер: Google Chrome Version 61.0.3163.100 (Official Build) (64-bit)
Суть:
1) (необязательный шаг) Открываем http://magegame.ru/ в браузере на полный экран.
Видим привычную всем картину : окно ввода логина и пароля на фоне травы и городской стены.
2) Уменьшаем ширину окна вдвое - на половину размера монитора.
Городская стена и трава занимают всё положенное пространство - ровно ширину окна.
НО форма ввода логина уехала вправо за границу окна и оказалась на пустом сером фоне
Почему это происходит:
Расположение элементов в коде страницы указано относительно левого края окна. При этом размер смещения вычисляется исходя из ширины монитора, а не ширины окна.
Код:
if (self.screen) { // for NN4 and IE4
width = screen.width
height = screen.height}
Решение 1:
При расчёте смещения от левой границы учитывать не ширину монитора, а ширину окна браузера:
Это делается css-атрибутами
Как и сказал eifersucht, вместо left можно указать right и просто правильно подвигать три блока (картинка воина+мага, картинка цепей и таблички и форма входа)
https://i.imgur.com/IYK4oPq.png
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах