Mobile Safari

CSS Фиксированное позиционирование блоков без использования position:fixed

Очень часто приходится верстать макеты, в которых попадаются элементы, которые нужно зафиксировать на одном месте при прокрутке основного контента страницы. Обычно для верстки таких блоков применяется css-свойство position:fixed. Однако часть браузеров до сих пор не поддерживает это css-свойство. И здесь речь идет не только о Internet Explorer 6, но и о Mobile Safari, который также не поддерживает position:fixed на операционных системах iOS до версии 5. А так как некоторые макеты сайтов должны безукоризненно отображаться на iPhone и iPad, то можно воспользоваться небольшим трюком в CSS, который позволит сделать такие фиксированные блоки, но без использования свойства position:fixed.

Читать дальше →