Помощник
|
Задание фона для контейнера |
websun
|
Сообщение
#1
|
||
|
|
||
|
|||
adlic |
3.4.2011, 1:23;
Ответить: adlic
Сообщение
#2
|
|
Вы фон задавайте не у #about, а у #news либо у #main.
background-color работает, просто у вас блоки, в которых черный фон, они размером с текст, а родительский блок белый. |
|
|
websun
|
Сообщение
#3
|
|
Блоки #news и #main не являются родительскими элементами для #about:
<div id="main"></div> <div id="news"></div> <div id="about"> <div id="about-1"></div> <div id="about-2"></div> ... <div id="about-5"></div> </div У блоков #about-1 ... #about-5 фон черный, все правильно. Вот почему родительский блок белый не пойму, ведь именно #about и есть родительский блок для блоков #about-1 ... #about-5? |
|
|
adlic |
3.4.2011, 1:51;
Ответить: adlic
Сообщение
#4
|
|
Значит задайте #about такие параметры, чтоб он растягивался на определенное расстояние не зависимо от размера текста находящегося в нем..
|
|
|
websun
|
Сообщение
#5
|
|
Да, вы правы. Причина того, что не отображался черный фон родительского контейнера (#about) в дочерних контейнерах (#about-1 ... #about-5) - не была указана высота родительского контейнера (#about). Я почему-то думал, что высота родителя-блока растягивается на высоту самого высокого дочернего блока. Но оказывается нет, не растягивается. Тогда вопрос, можно ли указать с помощью css, чтобы высота родителя увеличивалась на высоту дочернего блока? Или это невозможно?
|
|
|
adlic |
3.4.2011, 2:20;
Ответить: adlic
Сообщение
#6
|
|
может height:auto; и width:100%, если правильно понял..
Лучше, если вы дадите код и стили... |
|
|
websun
|
Сообщение
#7
|
|
Есть блок #about. В нем находятся пять дочерних блоков.
<div id="about"> <div id="about-1"> <ul> <li><a href="#">О клубе</a></li> <li><a href="#">...</a></li> </ul> </div> <div id="about-2"> // тоже список ссылок </div> // другие дочерние блоки <div id="about-5"> ... </div> </div> Стили: [CSS] #about { clear: both; background-color: black; color: white; height: 270; } [/CSS] Для дочерних блоков #about-1 ... #about-5 стили в принципе одинаковые, кроме width: [CSS] #about-1 { float: left; width: 25%; } #about a { text-decoration: none; color: white; } #about ul { list-style: none; } [/CSS] Что нужно. Чтобы фон блока-родителя #about был фоном всех его дочерних элементов, но при этом не нужно было указывать высоту этого родителя-блока или она высчитывалась автоматически в зависимости от высоты самого высокого дочернего блока. |
|
|
adlic |
3.4.2011, 3:18;
Ответить: adlic
Сообщение
#8
|
|
Скопировал все стили,у меня все работает как должно. Попробуйте height:auto;..
|
|
|
websun
|
Сообщение
#9
|
|
|
Здесь в стилях указано:
[CSS]#about { height: 270; } [/CSS] То есть высота родителя явно указана. Если не указывать вообще высоту, то цвет фона у дочерних блоков будет белый. Это теперь понятно. Если указать height: auto, то цвет фона у дочерних блоков снова белый. То есть я так понимаю, что в данном случае нужно указывать высоту родителя, иначе фон не передается.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Rebex.io – Ваша инновационная платформа для обмена криптовалюты! | 1 | Rebex | 642 | Вчера, 11:50 автор: Rebex |
|
Какой % отказов нормален для сайта? | 11 | Aloof | 2794 | 16.4.2024, 12:48 автор: diviner99 |
|
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат | 54 | arendator | 34815 | 15.4.2024, 15:16 автор: arendator |
|
⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами! | 83 | AdsPower | 24398 | 14.4.2024, 22:52 автор: AdsPower |
|
Настройки лент для wpgrabber Настрою ленты любой сложности плагина WPGrabber для WordPress |
42 | zkalinin | 30554 | 11.4.2024, 23:33 автор: zkalinin |
Текстовая версия | Сейчас: 18.4.2024, 7:18 |