Css搖着我的腦袋

我有一個很好的底層CSS和960模板系統。一切似乎工作正常（文本和列布局），除了我的「頁腳」ID沒有被應用在底部呈現的元素，但與我的頭。（頁腳ID僅僅是一個不同的背景，所以我可以跟蹤發生些什麼事）Css搖着我的腦袋

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）我已經看到了這個問題，與谷歌的地圖的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; 
}

來源

2011-09-04 George Silva

如果你不給我們CSS，很難判斷你的CSS出了什麼問題，但看起來地圖內容正在被取出主流。它是浮動還是絕對定位？ –

您使用哪個「960模板系統」？ 960.gs，也許？有幾個... –

。

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

沒有看到你的那個容器的CSS代碼，很難驗證。它可能是overflow,position（頁腳或其父母），floats等 - 如上所述。

來源

2011-09-04 09:15:20 Dawson

我會在這個拍攝：D –

這沒有解決它，但浮動：左。謝謝！ –

Css搖着我的腦袋

回答

相關問題