Содержание страницы не будет центрироваться - PullRequest
Новая
       10

Содержание страницы не будет центрироваться

0 голосов
/ 06 декабря 2011

Мне почти стыдно просить помочь с этим.Не то чтобы я никогда не делал этого раньше - с точным кодом, который я использую сейчас!

На самом деле, я не могу понять, почему содержание новой страницы не будет центрироватьсяокно браузера.

HTML-код, который у меня есть, таков: 

<!DOCTYPE html>
<html>
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Home</title>

        <link type="text/css" rel="stylesheet" href="css/styles.css" />
    </head>
    <body>
        <div id="mainContainer">
            Main Content Goes Here
        </div>
    </body>
</html>

И это CSS: 

body { background-color: #EDEDC7; }

#mainContainer {
    width: 1000px;
    margin: 0 auto; }

Что происходит, так это то, что текст располагается1/3 пути от левого края любого окна браузера, в котором я просматриваю страницу. Я знаю, что таблица стилей "обнаруживается" веб-страницей, потому что цвет фона работает.

Я проверилэто в FF8, IE9, Chrome, Safari 5, последних версиях Opera и Dragon - даже FF, Safari и Chrome на Mac!Хорошо - немного навязчиво, я знаю, но я озадачен тем, почему это не будет в центре.Так какого черта я здесь скучаю?(Наверное, я тоже забыл какую-то глупую мелочь ...)

Ответы [ 2 ]

2 голосов
/ 06 декабря 2011

Работает, проблема в том, что ваш текст не центрирован. Если вы добавите текст выравнивания по центру, он будет работать так, как вы ожидаете.

пример: 

#mainContainter{
    width: 940px;
    margin: 0 auto;
    text-align: center;
}
1 голос
/ 06 декабря 2011

Если вы хотите центрировать текст внутри этого контейнера, вам нужно поместить его в отдельный div, отформатировать ширину этого div (куда должен идти ваш текст) и отцентрировать его ..

В вашем примереон центрирует div, длина которого составляет 1000 пикселей, поэтому в коде нет проблем ..:)

...