Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.59/34: Рейтинг темы: голосов - 34, средняя оценка - 4.59
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73

Не меняется высота div

15.07.2016, 19:53. Показов 7179. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем добрый день.
В HTML и CSS новичок.

При верстке макета возник один момент, с которым никак не могу разобраться.
Домен www.adigezalov.com

Есть блок div с классом list_of_goods_new, и у него минимальная высота всегда выставляется 792px, соответственно если из него удалить позиции, то он так и останется.

Как это исправить?

Добавлено через 12 минут
То есть по сути, каким-то образом высота левого блока с классом main_left влияет на минимальную высоту этого div. Но я никак не могу понять как.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.07.2016, 19:53
Ответы с готовыми решениями:

Высота div не меняется с добавлением контента
Всем привет! div тела сайта должен меняться. <!DOCTYPE html> <html> <head> <meta charset="utf-8";> ...

Не меняется высота родителя
Решил поковыряться в резиновой верстке, и кажется вообще ничего не понимаю.. <div class="header-content"> ...

Не меняется высота горизонтального меню
Пробовал прописывать height: к <div id="menu"> но не работает. body { background-color: #696969; margin: 0; }...

8
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
15.07.2016, 20:04
Добавьте стиль
CSS
1
2
3
.main_right {
  overflow: hidden;
}
1
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
15.07.2016, 20:13  [ТС]
А почему вообще так получается? Ведь блоки main_left и main_right независимы?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
15.07.2016, 20:27
Нашел изначальную проблему. Убирайте то, что я говорил выше и файле home.css, на 61 строке уберите пробел между .main и :after
0
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
15.07.2016, 21:13  [ТС]
Я уже пробовал этот пробел убирать, но что странно, если его убрать, весь сайт разваливается, как если бы этого .main:after вообще не было.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
15.07.2016, 21:20
Этот код отвечает за очистку потока после флоата. Наверное, изначально была эта ошибка и сайт верстался с ней. Попробуйте заккометировать стили для .main :after
0
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
15.07.2016, 21:22  [ТС]
Пробовал, все разваливается.
Надо, видимо, мне пересмотреть всю верстку.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
15.07.2016, 21:30
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Попробуйте добавить такой код
CSS
1
2
3
4
5
6
7
8
9
10
.list_of_goods_top:after,
.list_of_goods_new:after,
.list_of_goods_sale:after,
.main:after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: relative;
  clear: both;
1
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
15.07.2016, 21:35  [ТС]
Все, подправил, вроде работает.
Спасибо большое.

Добавлено через 3 минуты
Я совсем убрал :after
и в .list_of_goods_body добавил overflow: hidden;
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
15.07.2016, 21:35
Помогаю со студенческими работами здесь

Почему не меняется высота таблицы
Перечитал кучу сайтов, перепробовал все что там сказано, но так и не понял, почему у меня ширина таблицы меняется через css, а высота нет. ...

Не меняется автоматически высота блоков
На сайте есть три блока - левый, правый, и средний. в левом и правом - есть выпадающие вниз меню. Высота блоков автоматически меняется...

Высота div
<body> <div align ="center"> <div style="width: 800px;"> <div style="background-color:...

div и высота
Есть див с потенциальным контентом и в нём небольшой див с разными ссылками на другие статьи расположенный сбоку. Вопрос как сделать...

высота div
следующий код: <div style="background:ffffff;width:700px; height:1px;float:left;"> </div> при заданной высоте в 1...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru