Как задать фон для 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>

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

Новые блоги и статьи
Администрирование Git, продвинутые техники работы с Git InfoMaster 11.01.2025 Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .	Что такое HCL Notes и как с ним работать InfoMaster 10.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .	Как работать с Git из Windows и Visual Studio InfoMaster 10.01.2025 Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .	Аналог оператора switch case в Python InfoMaster 10.01.2025 Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .	Отличия абстрактного класса от интерфейса InfoMaster 10.01.2025 В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .	Как работать в Git InfoMaster 10.01.2025 Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .
Реализация передвижения персонажа в Unity3d на C# InfoMaster 10.01.2025 Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .	Docker: руководство для начинающих InfoMaster 10.01.2025 В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .	Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .

	06.03.2011, 20:50