Почему div не был в центре страницы? - PullRequest
Новая
       0

Почему div не был в центре страницы?

0 голосов
/ 29 января 2011

Тип документа: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

Тело: 

<body>
    <div class = "site-container span-24">
        <div class="page-header-heading heading-font span-24">
                    <h1>Heading</h1>
        </div>
        <div class="page-header span-24">

        </div>
        {% block content %}{% endblock content %}
        {% block footer %}{% endblock %}
    </div>

    {% block js %}
        <script src="/media/js/jquery-1.4.4.min.js" language="javascript" type="text/javascript"></script>
        <script src="/media/js/main.js" language="javascript" type="text/javascript"></script>
    {% endblock %}
</body>

Не работает, даже если я добавлю поле 0: auto в .site-container.Почему?

.site-container пока ничего не имеет.

Ответы [ 2 ]

1 голос
/ 29 января 2011

Внешний <div> должен иметь класс container, а не site-container. Кроме того, для внешнего <div> вам не нужно указывать количество столбцов. Это целое число (по умолчанию 24).

См. Демонстрационную страницу веб-сайта , например: 

<body>
    <div class="container">
    ....
    </div>
</body>

См. Эти ссылки для получения дополнительной информации о том, как использовать Blueprint:

0 голосов
/ 29 января 2011

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

...