powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с отцентровкой div.
8 сообщений из 8, страница 1 из 1
Проблема с отцентровкой div.
    #39094613
Всем привет. Я - начинающий html-верстальщик, возникла проблема в новом макете.
Верстка div.

<body>
<div id="header">
</div>
<div id="columns">
<div id="wrap">
<div id="container">
<div id="content">
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</body>

Вот так расположены блоки.

Стили:

#columns {
padding: 0 0 0 0;
overflow: hidden;
margin:auto;
width: 100%;
height: 100%;
}

#content { float:left; width: 1200px; margin: 0 auto; background-color: #FFFFFF; height:100%; } /*белый div, я так понимаю, его и нужно отцентровать относительно желтого divа (wrap)*/

#wrap { /*в макете - желтый*/
position:relative;
float: left;
width:100%;
text-align:right;
height:100%;
background: yellow repeat-y right;

}

#container {
float:right;
height: 100%;
background: #000 repeat-y left;
position:relative;
}

Выделенный float:right прижимает div (в макете - белого цвета) к правой части, сайт нужно отцентровать и задать фиксированную ширину (1200px). Я так понимаю, что нужно отцентровать белый div и всем блокам (header, footer, columns) задать фиксированную ширину 1200px.
Подскажите, пожалуйста, правильно ли я думаю (про ширину) и как отцентровать сайт (и названный div).

Для большей наглядности прикрепляю макет.
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39094796
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Может контейнеры тоже margin:auto дать?
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39094841
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Настя Новодворскаясайт нужно отцентровать и задать фиксированную ширину (1200px)
Сделай ДИВ-контейнер, задай ему нужный размер, отцентрируй... Остальные компоненты размести внутри него.

P.S.
И научись делать нормальные тестовые примеры.
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39094908
Настя Новодворская,

http://csstemplater.com/
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39095931
krvsa,
спасибо.
а каким должен быть нормальный пример ?
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39095932
Areostar,

спасибо. попробую.
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39096105
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Настя Новодворскаяа каким должен быть нормальный пример ?
Например вот таким...
css вопрос

Т.е. его можно просто скопипастить и сразу запустить.
...
Рейтинг: 0 / 0
Проблема с отцентровкой div.
    #39096895
krvsa,

Хорошо, приму к сведению . Спасибо .
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с отцентровкой div.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]