Нужно фон сделать шире контента

@Chris · Регистрация: 20.07.2011

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

Нужно подложку под контент сделать шире на 200px. А точнее фон должен быть 1200px, а контент на нем 1000px и соответственно должен быть по центру. Конечно можно сделать его margin'ом, но я хотел бы узнать, возможно ли сделать их в разных блоках, т.е. фон один div, а logo и menu - другой.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
    <div id="container">
    <div id="main">
        <div id="header">
        <div id="logo"> 
             <a href="#"><img src="logo.png" width="193" height="38" alt="The new gifts"></a>
        </div>
        <div id="menu">
           <ul>
            <li><a href="#">home</a></li>
            <li><a href="#">about</a></li>
           </ul>
        </div>
        </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#container{
    min-width:1000px;
    width:100%; 
    background:#bfbfbf;
}
#main{
    width:1000px;
    margin:auto;
    background:#f8efe8;
}
#header{
    height:200px;
    background:#474644;
}
#logo{
    padding: 20px 0 0 5px;
}
#logo img{
    float:left;
}
#menu ul{
    float:left;
    margin:13px 0 0 225px;
}
#menu ul li{
    display:inline;
}

@Bahamut · 19.04.2012, 00:38

А с каких margin перестал работать на блоки? О.о Или паддинг, как альтернатива? Совершенно не понял вопроса.

Мне нужно сыграть в бадминтон, но ракетка для этого не подходит — он же в сеточку…
Поясните.

Сделайте скриншот вашего творчества и перерисуйте его так, как вам надо. Я выдам код. А то пока вообще нифига не понятно.

@Chris · 19.04.2012, 13:01 **[ТС]**

Вот посмотрите. Ну вот margin'ами сделать можно, но после уверености, что по другому никак)

@Chris · 19.04.2012, 21:15 **[ТС]**

Решение оказалось простым, сделал полоску (1/240px) поставил ее по оси Х. Вот и все)))

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Bahamut 17 / 17 / 1 Регистрация: 14.04.2012 Сообщений: 94
	19.04.2012, 00:38
	А с каких margin перестал работать на блоки? О.о Или паддинг, как альтернатива? Совершенно не понял вопроса. Мне нужно сыграть в бадминтон, но ракетка для этого не подходит — он же в сеточку… Поясните. Сделайте скриншот вашего творчества и перерисуйте его так, как вам надо. Я выдам код. А то пока вообще нифига не понятно. 1

@Chris 4 / 4 / 2 Регистрация: 20.07.2011 Сообщений: 114
	19.04.2012, 13:01 [ТС]
	Вот посмотрите. Ну вот margin'ами сделать можно, но после уверености, что по другому никак) Миниатюры 0

@Chris 4 / 4 / 2 Регистрация: 20.07.2011 Сообщений: 114
	19.04.2012, 21:15 [ТС]
	Решение оказалось простым, сделал полоску (1/240px) поставил ее по оси Х. Вот и все))) 0