С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
URAHOV
0 / 0 / 0
Регистрация: 27.12.2015
Сообщений: 17
1

Как изменить высоту одного div при изменении высоты другого

21.12.2016, 14:43. Просмотров 963. Ответов 1
Метки нет (Все метки)

Как изменить высоту одного блока div при изменении высоты другого - HTML, CSS.
В блоке справа меню и т.д. Например блоки будут добавляться или увеличиваться по высоте, а контент справа нет. Как сделать так чтобы фоновый рисунок контента был одного размера по высоте с блоками справа, так как размер блока зависит от наполнения, а конкретно высоты не указано, высота должна зависеть от правого блока. Макет см. рисунок. Надеюсь поняли замысел. Блоки справа обернуты в блок и плавают справа. Спасибо.
Как изменить высоту одного div при изменении высоты другого


 Комментарий модератора 
На каждый вопрос создавайте по одной теме! (Правила п.4.4)
Последнее предупреждение, далее последуют наказания.
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.12.2016, 14:43
Ответы с готовыми решениями:

Как изменить высоту одного блока div при изменении высоты другого?
вообщем на странице есть 3 блока div 1 центральный с установленной высотой auto...

Как изменить значение одного select-а при изменении другого select-а?
Добрый день! Подскажите как изменить значение select при изменении другого...

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе...

Выравнивание высоты одного div'а по отношению к другому
Добрый день, господа. Редко сталкиваюсь с блочной версткой. Возник такой...

Изменить высоту DIV по клику на ссылку
Всем привет. Гуглил на тему, не смог найти решения. Прошу помощи у вас. ...

1
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2837 / 2405 / 1038
Регистрация: 15.12.2012
Сообщений: 8,938
Записей в блоге: 5
21.12.2016, 15:26 2
Лучший ответ Сообщение было отмечено URAHOV как решение

Решение

Не по теме:

Цитата Сообщение от URAHOV Посмотреть сообщение
Последнее предупреждение, далее последуют наказания.
mrtoxas
Название: 1.png
Просмотров: 17

Размер: 59.0 Кб



Самый простой способ:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    html, body{width: 100%; height: 100%; margin: 0}
    .wrap{display: table; width: 100%; height: 100%}
    .content, .news{display:table-cell; border:1px solid red}
    .content{width:80%}
    .news{width: 20%; padding:10px}
    .new{width: 100%; height: 200px; background: #ccc; margin:10px 0}
    </style>
</head>
<body>
<div class="wrap">
    <div class="content"></div>
    <div class="news">
        <div class="new"></div>
        <div class="new"></div>
        <div class="new"></div>
    </div>
</div>
</body>
</html>
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.12.2016, 15:26

Соответствие высоты элеметнов <li> одного списка, высоте элементов <li> другого
Доброго времени суток! Назрел такой вопрос: есть нумерованный список...

Неподвижная страница при изменении высоты
Как сделать, чтобы элементы не сдвигались при изменении высоты экрана браузера....

Ширина одного div в зависимости от другого
Текст обтекает блок 1 справа. Внутри этого блока находятся блоки 2(картинка) и...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru