Ankhena, у меня изначально просто на больших размерах ширина контейнера была фиксированная, а элементы были позиционированы через %, до момента пока контейнер не становился резиновым все было нормально, а потом из-за этого все ехало. Сейчас разобрался, просто отказался от фикс ширины контейнера для данного блока.
Спасибо за пример!
Хотел спросить единственно, в данном случае padding-top 100% от чего считается?
Ankhena,
Само поведение блока должно быть следующим: есть фон/подложка (на скрине в вопросе), это изображение должно быть резиновым. Над фоном есть определенные показатели, которые должны быть всегда зафиксированы над фоном в одних и тех же местах при любом размере экрана.
С помощью процентов я смог реализовать данное поведение, но ровно до того, пока ширина контейнера имеет фиксированное значение. Но когда контейнер становится плавающей ширины, то соответственно мои позиционированные в % (от фикс ширины контейнера) числа теряют свои правильные позиции. Вот как это исправить я и пытаюсь понять, но очевидно мой подход не совсем правильный.
Ankhena, Да, фактически так, и тут еще даже больше вопрос стоит ли так вообще делать, когда есть два разноразмерных блока, с разной наполненностью и под ними центрированный копирайт? Ведь при изменении наполнения, допустим, правого блока, если в нем будет больше текста в каждой линии, то тут уже justify-content space between не поможет и каждый раз придется решать вопрос отступами.
Необходимо разместить приблизительно вот так, чтобы содержимое двух верхних элементов между собой было равноудалено, при этом выравнивание текста по левому краю должно оставаться
В моем примере хотелось бы понять какой подход будет более правильным.
Такой (подкатегории описаны в отдельных файлах):
Или такой (подкатегории описаны в файле категории):