Проблема с относительным положением на родном браузере Chrome и Android

Первое сообщение здесь, после долгого времени, используя ваши советы!
Итак, вот моя проблема: я пытаюсь центрировать элемент по горизонтали. Я определил «top: 50%» в CSS и попросил jQuery найти «margin-top: -XXpx».
Работает при загрузке, но когда я обновляю страницу с помощью браузера Chrome или Android, элемент перемещается ниже.
Этого не происходит с Firefox (я не пробовал с другими браузерами).

вы можете увидеть здесь: http://www.porteguillau.me/2/

ли кто-то есть идеи?Проблема с относительным положением на родном браузере Chrome и Android

источник

2014-01-29 G.P

Относительный код очень поможет. Я сомневаюсь, что вам нужен jquery, чтобы решить эту проблему. – Cam

Возможно, вы должны использовать абсолютное позиционирование вместо относительного.

Также вы пытаетесь центрировать div по вертикали? Если вы знаете высоту (которая должна быть, если значки являются фиксированными размерами), установите верхнее поле на отрицательную половину высоты div (в вашем примере -150 пикселей или около того).

источник

2014-01-29 18:53:16 CullenJ

Кстати, вы можете сделать все, что я только что сказал, просто с CSS. Как правило, избегайте использования jquery для макета, если вам не нужно. – CullenJ

Спасибо, это безопаснее, но я бы хотел, чтобы мои значки имели размер, равный x% тела. Родительский элемент значков устанавливается здесь, чтобы центрировать их по горизонтали. Но я полагаю, что невозможно определить размер элемента на основе его значков «grand» -parent (body-> element->) –

Проблема с относительным положением на родном браузере Chrome и Android

ответ

Смежные вопросы