Css качает мою голову - PullRequest
       1

Css качает мою голову

0 голосов
/ 04 сентября 2011

У меня плохо понимающая система шаблонов CSS и 960.Кажется, все работает нормально (текст и расположение столбцов), за исключением того, что мой идентификатор «нижнего колонтитула» применяется не к отображаемым элементам внизу, а вместе с моим заголовком.(Идентификатор нижнего колонтитула представляет собой только другой фон, поэтому я могу отслеживать, что там происходит)

Take a look

Что я делаю не так?

Вот то, что у меня есть, используя теги шаблонов Django:

<html>
    <head>
        <link rel="stylesheet" href="../../static/css/reset.css" />
        <link rel="stylesheet" href="../../static/css/text.css" />
        <link rel="stylesheet" href="../../static/css/960.css" />
        <link rel="stylesheet" href="../../static/css/site.css" />
        {% block scripts %}
        {% endblock %}
        <title>
            {% block title %}
            {% endblock %}
        </title>
    </head>
    <body onload="{% block onload %}{% endblock %}">
        <div id="main_container" class="container_12">
            <div id="header" class="grid_12">
                <div class="grid_12">
                    <h1 id="main_title">Acidentes Mapeados em Uberlandia</h1>
                </div>
            </div>
            <div id="content" class="grid_12">
                {% block content %}
                {% endblock %}
            </div>
            <div id="footer">
                <div class="grid_3">
                    <ul>
                        <li>All your base are belong to us!</li>
                        <li>All your base are belong to us!</li>
                        <li>All your base are belong to us!</li>
                        <li>All your base are belong to us!</li>
                    </ul>
                </div>
                <div class="grid_3">
                    <h3>Other stuff</h3>
                    <p>Other, huh?</p>
                </div>
                <div class="grid_6">
                    <h3>Contato</h3>
                    <p>Entre em contato</p>
                </div>
            </div>
        </div>
    </body>
</html>

Я использую 906.gs!

Вот CSS (извините, что)

body{
    font-family:Verdana,Helvetica,sans-serif;
}

#header {
    background-color:#144389;
    height:50px;
    vertical-align:middle;
}

#footer {
    background-color:#800000;
    height:300px;
}

#toolbar {
    background-color:#e3d7df;
}

#mapa {
    height:100%;
}

#main_title
{
    color:#ffffff;
}

1 Ответ

0 голосов
/ 04 сентября 2011

Я видел эту проблему с картами Google, когда НЕ устанавливал атрибут высоты контейнера для карты (через CSS).

#map { height:300px; width:500px } /* for instance */

Без просмотра кода CSS для этого контейнера труднопроверить.Это могут быть overflow, position (нижнего колонтитула или его родителя), floats и т. Д., Как указано выше.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...