Этот пост описывает технику CSS для отображения некой строки элементов, видимых при открытии полного окна, и исчезающих слева, при уменьшении ширины окна браузера. Таким вот образом:
A — некая левая панель, B — правая, C — содержимое, div, который должен отображаться полностью справа, и скрываться слева, при схлопывании (уменьшении ширины) окна.
На самом деле, когда я начал писать этот пост, я ещё не был уверен, насколько легко у меня получится реализация задачи. Оказалось что всё в высшей степени просто. Нужно лишь обернуть «содержимое» дивом float:right.
|
|
Содержимое (C) со всем дизайном содержимого
|
|
Теперь работает на всех браузерах оказавшихся под рукой.:)
————————————
Похожие статьи:
– Исправляем баг с overflow:hidden и table-layout для Opera (https://favor.com.ua/ru/blogs/3239.html)
– Решение проблемы вёрстки поля input с шириной 100% внутри таблицы шириной 100% (https://favor.com.ua/ru/blogs/1968.html)
————————————
Этот документ был скопирован с FAVOR.com.ua (https://favor.com.ua/ru/blogs/3461.html).
Все права на материал сохраняются за его автором. При перепубликации, ссылка на источник материала обязательна!
Дата документа: 9 января 2011 г.