Помогите по css. Выравнивание сайта по центру

0

aef65645

10 мая 2013, 11:27

1191

Подскажите, пожалуйста, как сделать в css, чтобы сайт имел фиксированную ширину, а при уменьшении масштаба в браузере сайт сдвигался в центр. Пример – сайт reuters.com Как сделать так же как там?

W

2

webement

10 мая 2013, 12:14

#1

Ну так посмотрите же их css-файлы.

A4

55

aftamat4ik

10 мая 2013, 12:35

#2

aef65645:
reuters.com

На нем верстка имхо кривовата малость. А вообще такое делается примерно так:


<html><head>
<style type="text/css">
.content{
width:960px;
min-height:300px;
margin: 2% auto;
background-color:#000;
}
</style>
</head>
<body>
<div class='content'>КОНТЭНТ</div>
</body>
</html>

Читать тут http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally

---------- Добавлено 10.05.2013 в 16:37 ----------

Откройте для себя Firebug - это дополнение к firefox. Вот вас статья о оном файрбаге, приятного чтения....

http://dvpress.ru/urok-78-firebug-for-vebmastera/.html

Не работают скрипты в Сайдбар улетел вниз.... Firebug для Firefox. Всем

A6

0

aef65645

10 мая 2013, 13:05

#3

Спасибо. Разобрался. Сделал, прописав в body:

<body style="margin-left: auto; margin-right: auto; width: 1024px;"> Контент </body>

Теперь хотелось бы сделать, чтобы вся эта ширина 1024px имела белый фон, а все что за этой шириной при уменьшении масштаба имело бы черный фон, как на lenta.ru

Не подскажите, где тут прописать эти фоны?

Несколько вопросов по верстке Вопрос по картинке и Новости в несколько колонок

A4

55

aftamat4ik

10 мая 2013, 14:11

#4

2 блока <div> создайте внутри тега <body> и задайте им размер и фон...

<body>

</body>

Ну и дальше фоны им задайте

#menu{

background-color:#222;

}

#content{

background-color:#FFF;

}

119

vlad00777

10 мая 2013, 14:21

#5

aftamat4ik,

aftamat4ik:
margin: 2% auto;

Сами хоть бы разобрались. Откуда 2% взялись? margin:0 auto;

Теперь хотелось бы сделать, чтобы вся эта ширина 1024px имела белый фон, а все что за этой шириной при уменьшении масштаба имело бы черный фон, как на lenta.ru

css:

html {background:#000;}

body {backgound:#333;}

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.

Переиграть и победить: как анализировать конкурентов для продвижения сайта

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи