Адаптивная форма оставить отзыв, проблема адаптации, как поправить?

Question

[Антон Вебсайтовский]

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

Рабочий пример:
https://jsfiddle.net/yvunt9c8/

Comments

[Ankhena]

1. Либо в коде поменяйте местами блоки: сначала правую, потом левую части.
2. Либо прочитайте уже про флексы.

[Антон Вебсайтовский]

Ankhena, местами менял.

[Ankhena]

Антон Вебсайтовский, при уменьшении экрана убирайте флоаты

[Антон Вебсайтовский]

Ankhena, так я это и делаю, вот только чет толку ноль ! не могу понять, мож что не так делаю.

[Ankhena]

Антон Вебсайтовский,

мож что не так делаю

так это по сценарию номер 2, т.е. флексами
остальное не так

[Ankhena]

Антон Вебсайтовский, https://jsfiddle.net/3qet0txy/ я просто поменяла местами блоки - всё. Вам только ширину поправить.

[Антон Вебсайтовский]

Ankhena, Блин странно, я на сайте меняю их и так и так и чет хер. Щас посмотрю что вы там поменяли.

[Антон Вебсайтовский]

А так ничего не изменилось, тож самое ! по ссылке вашей, блок уходит под.
Скрин, первый блок уехал под второй c2n.me/3QdjbpU

[Ankhena]

Антон Вебсайтовский,
Результат вашего кода:

Моего:


"зеленее не будет"

[Ankhena]

Антон Вебсайтовский, с шириной блоков и media, я надеюсь вы сами справитесь

[Антон Вебсайтовский]

Ankhena, окно надо было раздвинуть и все ок будет.

Вот мой результат: ( такой как есть на самом деле ), вы не поняли суть проблемы, скорее всего я написал непонятно раз так вышло. Окно само где вся форма сжимается все ок, проблема в блоках, левый он сжимается, а правый нет, так вот, правый уходит под левый, а надо чтобы не уходил.
c2n.me/3Qdmm2K

[Антон Вебсайтовский]

Левый и правый блоки

.corzl {
  float: right;
  width: 280px;
}

.corzr {
  max-width: 540px;
  width: calc(100% - 350px);
  width: 100%;
  display: table-cell;
  float: left;
}

[Антон Вебсайтовский]

Два блока, левый и правый находятся в диве с серым фоном, у дива максимальная ширина 840px, и он адаптивный, так же блоки, левый адаптивный, правый фиксированный, и когда сжимаем весь блок, то левый блок он адаптивный сжимается, и правый не должен уходить под него, а он уходит, вот что я и пытаюсь решить.

[Антон Вебсайтовский]

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

[Ankhena]

Антон Вебсайтовский, проверяйте box-sizing, дочерние элементы, отступы и все в таком духе.
В этом помощники не нужны.

[Антон Вебсайтовский]

box-sizing во внутреннем блоке в текстрейте, я убирал, тож тестировал.
в том-то и дело, что нужна помощь, по этому я и написал.
Я заметил что вы часто отвечаете и всегда промох, зачем отвечаете если не можете помочь?

[Ankhena]

Антон Вебсайтовский,

и всегда промох

нда?

зачем отвечаете если не можете помочь?

Ничего не перепутали?
Вам надо было, чтобы правая часть уходила под левую. Я сказала как сделать. Потом даже сделала, потому что вы сами не в состоянии 2 блока местами поменять.

Давай я за тебя, мой первоклассничек, еще и медиа условия поставлю в правильном порядке и в самый низ файла перемещу. Сам-то ты же не умеешь числа сравнивать какие побольше, а какие поменьше.
Вот держи, малыш:
https://jsfiddle.net/wLqucnp4/

Совсем никак не прочитать спецификацию и уроки по верстке - идите на фриланс и делитесь заработком с теми кто будет вам помогать. Тут дело добровольное какую помощь и в каком количестве оказывать. Ваше дело спасибо за это говорить или молчать, если что-то частично не подошло, а не наезжать, что вообще помогать стали. Что много желающих на ваши вопросы отвечать? От вашего ника все сбегают. Я вот приучу себя наконец сначала смотреть на ник спрашивающего, а потом пытаться помочь, тоже так делать буду.

[Антон Вебсайтовский]

Ankhena, Ну вот можешь когда хочешь )

[Антон Вебсайтовский]

Значит вся проблема была в том что надо было медиа ниже спустить основных классов и все. Пипец.

[Антон Вебсайтовский]

Спасибо.

[Ankhena]

Антон Вебсайтовский, не просто ниже, но и в правильном порядке.

Answer 1

[artyomunder]

Подсказка