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

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;
}

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

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

.clearfix::after {
content: "";
display: table;
clear: both;
}
то есть это плохо? я все которые были у меня div style="clear:both" /div
заменил на

.clearfix::after {
content: "";
display: table;
clear: both;
}

все вроде ок, а вот с блоками так ничего не ок.

посмотрел ваше решение, там два в одном я так понял, два варианта !
1 - чет не то, а второе то что надо, но там через флекс.

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

а вот что я нашел:

.clearfix:after {
content: "";
display: table;
clear: both;
}

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

clearfix такой команды нет для css, есть clear: both и т.д, да я так и понял для левого блока.

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

Игорь Забродин, а куда его вставить? это clear: both