Этот пост описывает технику CSS для отображения некой строки элементов, видимых при открытии полного окна, и исчезающих слева, при уменьшении ширины окна браузера. Таким вот образом:
A — некая левая панель, B — правая, C — содержимое, div, который должен отображаться полностью справа, и скрываться слева, при схлопывании (уменьшении ширины) окна.
На самом деле, когда я начал писать этот пост, я ещё не был уверен, насколько легко у меня получится реализация задачи. Оказалось что всё в высшей степени просто. Нужно лишь обернуть «содержимое» дивом float:right.
![](/images/dot.gif) |
![](/images/dot.gif) |
Содержимое (C) со всем дизайном содержимого
|
|
Теперь работает на всех браузерах оказавшихся под рукой.:)
————————————
Похожие статьи:
– Исправляем баг с overflow:hidden и table-layout для Opera (https://favor.com.ua/en/blogs/3239.html)
– Решение проблемы вёрстки поля input с шириной 100% внутри таблицы шириной 100% (https://favor.com.ua/en/blogs/1968.html)
————————————
This document has been copied from FAVOR.com.ua (https://favor.com.ua/en/blogs/3461.html).
All rights reserved by author of the material. In case of re-publication, the link to the source of the material is strongly required!
Document date: January 9, 2011