Помощник
|
Задание фона для контейнера |
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, то цвет фона у дочерних блоков снова белый. То есть я так понимаю, что в данном случае нужно указывать высоту родителя, иначе фон не передается.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Партнерская программа для Эзотерики, Магии, Таро партнерка для эзотерики |
0 | LiveExpert | 273 | Сегодня, 15:13 автор: LiveExpert |
|
Партнерская программа для Эзотерики, Магии, Таро партнерка для эзотерики |
0 | LiveExpert | 259 | Сегодня, 15:13 автор: LiveExpert |
|
Azinomoney.com - гемблинг-партнерка с 65%RS для каждого Гарантированный заработок на гемблинг-трафике |
65 | AzinoMoney | 29166 | Вчера, 19:10 автор: AzinoMoney |
|
Делаю полностью уникальный дизайн для сайтов! | 46 | AlexDIZ | 93452 | 26.3.2024, 20:03 автор: AlexDIZ |
|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1117 | 26.3.2024, 14:13 автор: knezevolk |
Текстовая версия | Сейчас: 28.3.2024, 18:00 |