Question

我有一个很难掌握的css和960模板系统。一切似乎工作正常（文本和列布局），除了我的“页脚”id没有应用于底部的渲染元素，但与我的标题一起。（页脚ID只是一个不同的背景，所以我可以跟踪那里发生的事情）

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;
}

Answer 1

在没有为地图设置容器的高度属性时（通过CSS），我已经看到谷歌地图的这个问题。

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

如果没有看到该容器的CSS代码，则很难验证。它可以是overflow，position（页脚或其父级），floats等 - 如上所述。

Css摇摇头

1 个答案: