網格工作不正常

Question

我想用網格系統製作網站。 （我做了一個了，所以我知道/知道它是如何工作）

這是我俗格：http://grids.heroku.com/grid.css?column_width=100&column_amount=8&gutter_width=15

現在問題來了：當我試圖把prefix_1爲一類沒什麼只是碰巧它留在同一個地方。我有一個prefix_1 grid_3和一個grid_4。所以它是1 + 3 + 4 = 8。我的網格是8列寬，所以它必須很容易地融合在一起，但事實並非如此。 http://jsfiddle.net/gekkeabt/5LA82/

<div class="container_8"> 
<span id="download" class="prefix_1 grid_3"><a href="#"><b>Download</b> Leasy CMS</a></span> 
<span id="download" class="grid_4"><a href="#"><b>Download</b> Macha Webserver</a></span> 
<span id="about" class="prefix_2 grid_4 suffix_2"><a href="#"><b>About</b> Me</a></span> 
</div> 

我檢查了我的代碼100倍。但我找不到錯在哪裏。

也許有人可以幫我嗎？

謝謝！

編輯： 我解決了前綴和後綴問題，通過定義在跨度以外的另一個div中的類。 所以它看起來像：

<div class="prefix_1 grid_3"><span id="download">The content....</span></div> 

Answer 1

嘗試從#download,#about CSS聲明去除

padding:10px 50px 10px 50px; 

線（或者至少是2×50像素的水平填充）。

這是額外的填充，使元素比一行更寬。

這裏是它的外觀，而不該行：http://jsfiddle.net/WHG4u/

Answer 2

請這個CSS添加到您的/css/custom.css使頁面停止每個滑動改變時間

.avia-content-slider-active .slide-entry-wrap { height: 275px; }