|
|||||||
Кроссбраузерный min- и max-width на чистом HTML+CSS
Время создания: 15.02.2011 14:56
Раздел: Компьютер - Программирование - HTML и CSS
Запись: xintrea/mytetra_syncro/master/base/0000003424/text.html на raw.github.com
|
|||||||
|
|||||||
Давно хотел поделиться одной интересной наработкой — а именно эмуляцией свойств min и max-width без использования expression и подобных вещей. Обвязка может показаться громоздкой, но главный ее плюс — она работает. Плюс подобные вещи можно с легкостью внедрять с помощью шаблонизатора одной строчкой кода. Суть трюка проста: ‹table›‹tr›‹td width=1100› — максимальная ширина ‹div width=900 /› — распорка, минимальная ширина Причем именно так, ширина не у таблицы, а у ячейки. Таким образом шире, чем 1100 таблица не будет (в данном случае), но при этом если она уже — скроллер не появляется. При этом если ширина рабочей области менее 900 — скроллер уже отобразится.
Проверено под разными ОС в браузерах:
|
|||||||
Так же в этом разделе:
|
|||||||
|
|||||||
|