X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Задание фона для контейнера
websun
websun
Topic Starter сообщение 3.4.2011, 1:14; Ответить: websun
Сообщение #1


Здравствуйте.
Как задать фон для блока-контейнера (то есть чтобы черный фон был там, где вопросительные знаки)? Свойство background-color не работает.

[attachment=37705:5.jpg]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 3.4.2011, 1:23; Ответить: adlic
Сообщение #2


Вы фон задавайте не у #about, а у #news либо у #main.
background-color работает, просто у вас блоки, в которых черный фон, они размером с текст, а родительский блок белый.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
websun
websun
Topic Starter сообщение 3.4.2011, 1:47; Ответить: 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
adlic
сообщение 3.4.2011, 1:51; Ответить: adlic
Сообщение #4


Значит задайте #about такие параметры, чтоб он растягивался на определенное расстояние не зависимо от размера текста находящегося в нем..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
websun
websun
Topic Starter сообщение 3.4.2011, 2:10; Ответить: websun
Сообщение #5


Да, вы правы. Причина того, что не отображался черный фон родительского контейнера (#about) в дочерних контейнерах (#about-1 ... #about-5) - не была указана высота родительского контейнера (#about). Я почему-то думал, что высота родителя-блока растягивается на высоту самого высокого дочернего блока. Но оказывается нет, не растягивается. Тогда вопрос, можно ли указать с помощью css, чтобы высота родителя увеличивалась на высоту дочернего блока? Или это невозможно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 3.4.2011, 2:20; Ответить: adlic
Сообщение #6


может height:auto; и width:100%, если правильно понял..
Лучше, если вы дадите код и стили...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
websun
websun
Topic Starter сообщение 3.4.2011, 2:48; Ответить: 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
adlic
сообщение 3.4.2011, 3:18; Ответить: adlic
Сообщение #8


Скопировал все стили,у меня все работает как должно. Попробуйте height:auto;..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
websun
websun
Topic Starter сообщение 3.4.2011, 3:34; Ответить: websun
Сообщение #9


Здесь в стилях указано:
[CSS]#about {
height: 270;
}
[/CSS]
То есть высота родителя явно указана. Если не указывать вообще высоту, то цвет фона у дочерних блоков будет белый. Это теперь понятно. Если указать height: auto, то цвет фона у дочерних блоков снова белый. То есть я так понимаю, что в данном случае нужно указывать высоту родителя, иначе фон не передается.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Партнерская программа для Эзотерики, Магии, Таро
партнерка для эзотерики
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


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:00
Дизайн