Манипуляции с images в контенте, адаптация и правильные отступы, как реализовать?

Опробовал, чет не сжимает фотку.


Вылезает за края.

Манипуляции с images в контенте, адаптация и правильные отступы, как реализовать?

Адаптация срабатывает для 1 картинки ! так как у нее нет размеров, они через стили. она не больше max-width 790px в контенте и при сжатии браузера, все ок, она сжимается, а другие картинки там фиксированное разрешение, и при сжатии, они вылезают за края контента и не сжимаются.

Манипуляции с images в контенте, адаптация и правильные отступы, как реализовать?

Спасибо, я и не знал что так можно, это современный метод или старый?

Манипуляции с images в контенте, адаптация и правильные отступы, как реализовать?

Да я понял, что придется через медиа делать, но есть одно но ! картинки могут вставлять разного размера и там через медия уже не сделать.
Не все так просто, max-width стоит.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Ankhena, понял, надеюсь везде будет calc корректно работать.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

я уже сделал, все ок, залил на тестовое доменное имя t.arinastar.ru
первый раз слышу об: caniuse.com - долго грузиться и предлагает что-то скачать и перенаправляет на доменные имена.

И я бы использовала (и использую) модель box-sizing: border-box, а не calc.

а почему сделали пример с calc, а не бох. ???

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Никита Кит, спасибо.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

только вы переделали ! в html, блоки местами ! ll первый шел. по этому у вас и проблема с падингами.
мне щас надо много чего переделывать чтобы все ок работало если менять местами в html.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Ankhena, спасибо, щас примерю, посмотрим что будет.
а данный метод calc он ведь новый, в каких браузерах пашет.

width: calc(100% - 334px);

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

зачем, если уже все реализовано, только чуть подправить надо.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Одиночка Айс, блокам? и что с этого выйдет. фиксированный только левый, а правый макс и мин есть.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Никита Кит, ссылка не але. там походу вирусы ))

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Никита Кит, если решения не будет, то выход только флекс ставить.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

я так делал, там не все работает, дело в том что, при сжатии, правый блок, уходит сразу под 1 блок, а он не сжимается как щас, попробуйте сами в примере и увидите.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

я так делал, там не все работает, дело в том что, при сжатии, правый блок, уходит сразу под 1 блок, а он не сжимается как щас, попробуйте сами в примере и увидите.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Андрей Федоров, ни разу с grid не работал, оно работает и в новы и старых браузерах?

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Никита Кит, может уже стоит и переходить !

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Хотелось бы реализовать без флекса.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

спасибо, зачем усложнять, чтобы флекс не подключать. он же работает в современных браузерах.

Два адаптивных блока, один уезжает под другой, как решить проблему?

так работает:
сделал так.

.rr{
max-width: 790px;
width: 100%;
margin: 40px 0 0 0;
display: table-cell;
}

про флексы знаю, есть много решений на них ! их не очень хочу использовать, так как не у всех еще браузера новые так сказать.