xtala zen, что Вы имеете ввиду под этим? В каких процентах? Резиновый контейнер в контейнере, о каких процентах речь? Я не понимаю, как вы предлагаете таким образом это все по-центру сделать?
Ладно, допустим, я не умею верстать. Но тогда покажите мне, как надо.
xtala zen, так дело в том, что у меня своя сетка. Грубо говоря, такая же...
Только вот я ей не пользовался в данном вопросе: не понимаю, как нормально отцентрировать блок по вертикали, чтобы он при уменьшении высоты окна уменьшался вместе с главным контейнером.......
xtala zen, ну давайте сверстайте мне то, что я имел ввиду. Возможно, я гляну на это и скажу, что лет мои 5-6 лет front-end маразма были придуманы кем-то другим... Извините, но я сижу тут и впадаю в истерику...ввиду буквально практически потраченных двух дней в попытках что-то сделать.
Прошу прощения, но я умею верстать... Я бы сказал, что очень давно поддерживаю Ослов и немного даже отстал от современных тенденций, нежели не знаю как верстать "по-старинке" (таблицами и т.п.).
Просто вчера потратил весь день на реализацию сего... и остался ни с чем. Пришел сюда с примером даже... причем не из Paint'а.
Отвечая на вопросы здесь в комментариях, я все больше понимаю, что либо я не понимаю отвечающих, либо они меня. Больше склоняюсь ко второму.
Специально сделал еще и видео, обновил сам вопрос.
Максим Ленский, речь идет о любом ресайзе. По ширине менять - это одно. А мне нужно, чтобы все не ломалось при изменении высоты... неужели, все забывают ресайзить высоту?:( Не думал об этом, поэтому и не сказал...
Максим Ленский, нет. Скролл должен быть В КОЛОНКАХ. Да, на этом я и обломался. Поресайзите мой пример на jsfiddle, посмотрите на скришоты. Вот это я имею ввиду.
Просто скролл в колонках - плевое дело. А чтобы это все еще было в контейнере с шапкой, который еще и в центре контейнера с шапкой...
Максим Ленский, заранее благодарю. Я вчера над этим весь день просидел - беда: что-то, да не так.
Сегодня утром сел и за минут 5-10 заставил работать это на Flex (дабы не переть сюда с рисунками by Paint).
Максим Ленский, да. Чтобы скролл оставался. Только не через Flex'ы. Пример в описании вопроса (это где выше ответов, ссылка на jsfiddle). Скриншоты в моем комментарии выше:)
Перепробовал все, как уже много раз тут говорил. То не центрируется, то криво ресайзится, то скролла нет... Если делать таблицами, height:100%; от контейнера крашится. Такие вот пироги.
Просто я не думаю, что никто не делал подобное еще до flex'ов. У меня тут комплекс всего, что ранее в css реализовалось крайне специфично и часто хаками, насколько я помню и понимаю.
Илья Ростопка, хорошо, допустим. А теперь мы уменьшаем высоту окна и грустим...
Ваш вариант
Вариант с Flex
Наверное, я чего-то не понял... но как сделать, все же, скролл? Таблицами ничего не выходит, ибо там... ломается высота в 100% от контейнера. Блочные же элементы адекватно не центрируются или при уменьшении окна ломаются.
Максим Студитских,
1. Сверху шапка (необязательно фиксированная)
2. Далее на оставшуюся высоту контейнер
2.1 Шапка2
2.2 Контейнер2
2.2.1 колонки в контейнере2, на которых должен быть СКРОЛЛ
На пункте 2.2.1 я и запаролся, когда пытался сделать все таблицами.
Поресайзите пример: все плавно и четко. У меня так и не вышло добиться max-height: 250px, при этом грамотное уменьшение при изменении высоты у контейнера2 и/или скролла у колонок.
Пытался всевозможным образом комбинировать блоки и таблицы, но... неудачно.
А причем здесь вообще media-запросы? Вопрос ведь совсем у другом, вы смотрели пример на jsfiddle?
Media-запросы здесь никак не помогут, они никак не помогут правильно сверстать такое без Flexbox.
dkukushkin, все хочу блог открыть... и написать, как верстал сайтики в *.svg:) Так или иначе... эксперименты.
Не встречал, как и не встречал доселе XSLT (не застал, видимо), поэтому спросил у более сведущих.
Тогда сейчас сяду реализовать подобное с Pug. Спасибо за советы и удачи.
dkukushkin, изначально я хотел использовать XML (без XSLT) для конечного представления. В основном, чтобы использовать (вроде бы, кроссбраузерно) кастомные теги. Грубо говоря, нечто подобное, но только... верстка нормальной страницы: www.w3schools.com/xml/cd_catalog_with_css.xml
Далее вы озадачили меня немного XSLT.
Можете пояснить немного по каждому "пункту":
1. Оправдано и "хорошо" ли верстать на XML без XSLT (xml для конечного представления)?
2. Плюсы и минусы использования XSLT
3. Кастомный DTD, часто ли и в каких слкчаях используется на практике?
Станислав Макаров, ну я - довольно-таки странный, судя по всему, раз верстал, на svg, втыкая только на html формы и видео - интересное занятие. Svg можно спокойно использовать в верстке, иногда это даже выполняет именно свои задачи:)
Спасибо за ответ! Можете немного детальнее объяснить, чем грозит использование XML для конечного представления (без XSLT)? Обязателен ли кастомный DTD?
Ладно, допустим, я не умею верстать. Но тогда покажите мне, как надо.