Я знаю кунг-фу

Я буквально меньше часа назад (на часах сейчас 19:20) загрузила новый вариант страницы контактов, и я не знаю, это просто невероятно, это чудесно, это волшебно! Я поняла, как создать эффект flexbox без самого flexbox, и это потрясающе! А чуть ранее узнала, как сделать min-width без использования min-width. Ближе к сути: таблицы удивительны, и всё описанное выше я сделала с помощью таблиц.

Эффект min-width дался нелегко, пришлось много побродить по интернету, прежде чем я нашла подходящий способ в одной из статей на Хабре. Как всё самое гениальное, способ очень простой: нужное нам содержимое мы оборачиваем в таблицу и помещаем в одну-единственную ячейку. Затем задаём ширину ячейки в процентах и ставим распорку – тег img – которому тоже, в свою очередь, задаём ширину, но уже в пикселях. И на этом всё! Вы восхитительны! И мало того, что этот способ простой, он ещё и совместим в обе стороны: он подходит даже для IE 3.0, и в то же время отлично выглядит на современном Хроме.

Второе далось чуть проще, но лишь потому, что у меня была заготовка. Суть так же проста: мы оборачиваем часть контента в ячейку таблицы, задаём процентные размеры и ставим распорку фиксированной ширины с помощью тега img. Если нужно, то добавляем отступы. Затем мы назначаем таблице свойство display:inline. Так поступаем со всеми нужными частями контента и, если нужно, оборачиваем всё это ещё одним тегом – dib, либо center. И на этом снова всё. К сожалению, этот способ не будет работать на браузерах, появившихся раньше IE6, так как именно в нём впервые появилось свойство display и множество других полезных штук. Уверена, это ещё не все известные мне возможности, и есть ещё много того, чего я ещё не пробовала – те же фильтры, например. А вообще, у меня есть глобальная мечта: создать сайт, который бы полностью раскрыл все возможности IE6. Или хотя бы увидеть что-то подобное.

07.03.2026