Skip to content

Адаптивная вёрстка#1

Open
mopdobopot wants to merge 12 commits intocripi-interface-development:masterfrom
mopdobopot:master
Open

Адаптивная вёрстка#1
mopdobopot wants to merge 12 commits intocripi-interface-development:masterfrom
mopdobopot:master

Conversation

@mopdobopot
Copy link

Заметил проблему при отслеживании ресайза окна через JavaScript.
Похоже, что при слишком резком ресайзе, инфомрация не успевает обрабатываться и правый блок на долю секунды выскакивает вниз. Из-за этого пришлось сделать макет уже, чем ширина страницы и центрировать его с помощью внешнего container'a (т.к. макет основан на float).

Но возникла другая проблема, на этот раз - с контейнером: 10% + 10% + 60% не равно 80% :(

Первый макет оказался адаптивным, но по другой схеме. Переделал под
"резиновость"
Дополнил заголовки страниц
Поправил заголовки и чуть сократил стили
Возникли небольшие проблемы с центрированием макета.
Переключение блоков на JavaScript, неактивные блоки прячутся слева, за
границей окна
+ анимация в 6 макете
@mokhov
Copy link
Contributor

mokhov commented Dec 4, 2012

Проблема 10 + 10 + 60 ≠ 80 известная. Причина в округлении в большую сторону.
Ширина окна 1011px.
10% = 101.1px (округляем до 102)
60% = 606.6px (округляем до 607)
80% = 808.8px (округляем до 809)

10% + 10% + 60% = 102 + 102 + 607 = 811 ≠ 809 = 80%
За таким следит только FF, он всегда хранит вычисленное значение рядом с округлённым

@mokhov
Copy link
Contributor

mokhov commented Dec 4, 2012

Очень жаль, что предложенные варианты не используют CSS3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments