Max-heigth и min-height в одинаковых div-блоках

@r0m4ik · Регистрация: 03.11.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте, господа! Может быть найдутся профессионалы, которые помогут решить такой вопрос.
У меня на сайте сверху два одинаковых рядом блока. Один из них с логотипом, второй с регистрацией. Когда вводишь неправильный логин или пароль высвечивается подсказка об ошибке (в блоке с регистрацией) и соответственно блок увеличивается... Но увеличивается только один блок, а тот который логотипом каким был, таким и остается... как сделать чтобы, если увеличивается один и и увеличивался бы другой, чтобы они были одинаковыми?!
Вот код css:

CSS
1
2
3
4
5
6
7
8
9
10
.wrapper_otz_top {
    width: 280px;
    min-height: 210px;
    max-height: inherit;
    background: #40b4ff;
    color: #fff;
    float: left;
    margin: 3px;
    overflow: hidden;
}

причем не важно, какое значение я ставлю в max-height: inherit или 100% или 280px второй блок увеличивается а первый нет (((

@whiteapps · 03.11.2015, 19:47

r0m4ik, покажите весь код

@r0m4ik · 11.11.2015, 15:28 **[ТС]**

Посмотрите пожалуйста здесь http://www.otzicom.ru там и код целый и наглядно видно о чем идёт речь, за ранее спасибо!

@r0m4ik · 17.11.2015, 09:27 **[ТС]**

Подскажите пожалуйста есть какие-то варианты? И возможно ли это вообще? А то в сылках которые мне дали я там не нашёл ничего(

@Shakalaka · 17.11.2015, 10:35

Сообщение от r0m4ik

как сделать чтобы, если увеличивается один и и увеличивался бы другой, чтобы они были одинаковыми?!

Обернуть оба блока в div, задать ему display:table; внутренним блокам задать display:table-cell; float:none; vertical-align:top;

@r0m4ik · 20.11.2015, 00:35 **[ТС]**

Хм... способ сработал... функционал блоков получился то что надо, только у меня теперь внешний вид блоки потерялся... они были как два отельных квадрата, а теперь слились в один прямоугольник((

Добавлено через 9 минут
А сливается из-за float: none; , но если это не прописать то тогда и толку от всей это процедуры не будет((

@mrBobrillo · 20.11.2015, 00:35

При подсказке Shakalaka поставьте блоку с логотипом белый бордер справа, тогда и будут смотреться как отдельные блоки ...

@r0m4ik · 20.11.2015, 00:42 **[ТС]**

Капец вот хитрецы!!!))) Спасибо за советы) оставлю пока так, а потом может какой-то более технологичный способ найду))
Всем спасибо за помощь!))

@Shakalaka · 20.11.2015, 10:14

Сообщение от r0m4ik

оставлю пока так,

Эта фраза самый главный враг всех качественных продуктов...
Для обертки, у которой display:table; задаем

CSS
1
2
border-collapse:separate;
border-spacing:5px;

@r0m4ik · 20.11.2015, 10:54 **[ТС]**

О точно! Спасибо! А то я писал этот spacing , и думал че же не работает) а для css по другому команда выглядит)

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	03.11.2015, 19:47
	r0m4ik, покажите весь код 0

@r0m4ik 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	11.11.2015, 15:28 [ТС]
	Посмотрите пожалуйста здесь http://www.otzicom.ru там и код целый и наглядно видно о чем идёт речь, за ранее спасибо! 0

@r0m4ik 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	17.11.2015, 09:27 [ТС]
	Подскажите пожалуйста есть какие-то варианты? И возможно ли это вообще? А то в сылках которые мне дали я там не нашёл ничего( 0

@r0m4ik 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	20.11.2015, 00:35 [ТС]
	Хм... способ сработал... функционал блоков получился то что надо, только у меня теперь внешний вид блоки потерялся... они были как два отельных квадрата, а теперь слились в один прямоугольник(( Добавлено через 9 минут А сливается из-за float: none; , но если это не прописать то тогда и толку от всей это процедуры не будет(( 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	20.11.2015, 00:35
	При подсказке Shakalaka поставьте блоку с логотипом белый бордер справа, тогда и будут смотреться как отдельные блоки ... 0

@r0m4ik 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	20.11.2015, 00:42 [ТС]
	Капец вот хитрецы!!!))) Спасибо за советы) оставлю пока так, а потом может какой-то более технологичный способ найду)) Всем спасибо за помощь!)) 0

@r0m4ik 0 / 0 / 0 Регистрация: 03.11.2015 Сообщений: 7
	20.11.2015, 10:54 [ТС]
	О точно! Спасибо! А то я писал этот spacing , и думал че же не работает) а для css по другому команда выглядит) 0