Как задать фон для div

@lwpai_frimin · Регистрация: 23.10.2010

Author24 — интернет-сервис помощи студентам

Что я не правильно сделал? Почему не задаётся фон для <div id="container">?

HTML5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
 
<html>
    <head>
    <title>Главная страница</title>
    <link rel="stylesheet" href="style/css.css" type="text/css" />
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    </head>
    <body>
    <div id="container">
    
        <div id="menu">
        <p>Главная</p>
        <p>Статьи</p>
        <p>Ссылки</p>
        </div>
        
        <div id="basic">
        <p>Третий батальон Королевского полка Шотландии приведен в состояние повышенной готовности к переброске в Ливию в суточный срок, сообщает The Daily Telegraph со ссылкой на собственные источники.</p>
        <p>По данным министерства обороны Великобритании, речь идет не о военных, а о гуманитарных операциях. При каких условиях состоится переброска, неизвестно. Батальон насчитывает 600 человек, в прошлом он участвовал в войне в Афганистане.</p>
        <p>Ранее стало известно, что в Ливии уже размещены британские войска. Так, в порту Бенгази находился корабль Королевского флота Великобритании, также на территории страны находятся бойцы спецназа SAS, обеспечивающие безопасность британских граждан.</p>
        <p>Помимо Британии еще несколько стран послали к берегам охваченной гражданской войной Ливии свои корабли, в том числе Германия и США. О планах вооруженной интервенции в Ливию не сообщалось, однако ранее премьер-министр Великобритании Дэвид Кэмерон призывал НАТО устроить воздушную блокаду страны и оказать помощь революционерам, выступающим против режима Муаммара Каддафи.</p>
        <p>Также, по данным телеканала, повстанцы с боями захватили нефтяной порт Рас-Лануф, где находится один из крупнейших нефтеперерабатывающих заводов Ливии. В ходе боев погибли восемь человек. Ранее сообщалось, что революционерам удалось захватить аэропорт в Рас-Лануф.</p>
        <p>Одним из первых городов, попавших под контроль оппозиции, стал второй крупнейший населенный пункт Ливии Бенгази. По нему был нанесен авиаудар, в результате чего погибли не менее 27 человек.</p>
        <p>Манифестации, переросшие в гражданскую войну, начались в Ливии в середине февраля. Точных данных о количестве людей, погибших в столкновениях с полицией и военными, нет, однако правозащитники утверждают, что число жертв превышает шесть тысяч человек.</p>
        </div>
        
    </div>
    </body>
</html>

CSS

* 
    {
        margin: 0;
        padding: 0;
        border: 0;
    }
 
body
    {
        background-image:url(ser109.gif);
    }
 
#container
    {
        background-color:#000;
        width:80%;
        margin:15% auto;
    }
 
#menu
    {
        float: left;
        width:15%;
        background-color:#fff;
        color:#000;
    }
 
#basic
    {
        float:right;
        width:85%;
        background-color:#fff;
        color:#000;
    }

@Rayled · 06.03.2011, 08:55

lwpai_frimin, так как у #container не задана явно высота и внутри него находится только два всплывающих элемента, которые из-зв этого находятся не в прямом потоке вывода, то #container в данном случае имеет нулевую высоту.задайте например для #container height:800px; и увидите свой фон.
Однако, как я предполагаю, высоту в пикселях для #container вы задавать не планировали, поэтому можно добавить height:100% для HTML, BODY и самого #container. Но тут опять же возникнет еще одна проблема - высота страницы станет больше высоты окна браузера, даже если содержимого внутри #container будет довольно мало. И тут вам придется колдовать уже с другими параметрами (маргины, паддинги, тот же height, min-height и т.д.), зависит от того, что вам надо. В инете много инфы на эту тему, например поищите что-то, типа: "как прибить футер к низу страницы", "как растянуть страницу по вертикали" и т.д. Найдете много приемов, которые сможете под себя подстроить. А на поставленный вами вопрос я ответил.

Добавлено через 33 минуты
Кстати, чуть не забыл, если вам просто надо, чтобы фон контейнера был виден слева под меню, то добавьте перед закрывающим тегом #container очистку в виде:

HTML5

1	<div style="clear:both"></div>

@lwpai_frimin · 06.03.2011, 20:50 **[ТС]**

HTML5

1	<div style="clear:both"></div>

Спасибо, именно это и хотел!

	06.03.2011, 20:50