在Joomla 1.5模板中的Css定位

Question

我一直在試圖製作一個joomla模板，在左邊和右邊的固定寬度的酒吧。主要的div應該是有響應的。

我設法創建佈局什麼，我想在這裏： http://dennybeulen.nl/rena/nl/over-ons.html

什麼是不工作的唯一的事情是在左側的菜單。當我改變CSS的菜單的作品，但佈局不正確了。

div.fluid{ 
    margin-left: 130px; 
} 

希望有人可以給我一些提示： -

菜單是工作，如果我做這些改變（在130面前只是刪除了「」）。

Answer 1

看起來像div.fluid正在覆蓋您的左欄。 嘗試使div.left絕對定位和設置您的div.fluid到沒有左邊距：

div.fluid{ 
    float: left; 
    width: 100%; 
    margin-right: -290px; 
    margin-left: 0px; 
} 
div.left{ 
    position: absolute; 
    width: 130px; 
    min-height: 1px; 
    padding-top: 10px; 
} 

請記住，div.left將不再影響浮動反對元素。

Answer 2

@gaynorvader是正確的，你的中間容器放在菜單的頂部。除了絕對定位之外，您還可以將所有內容保留原樣，並且僅爲div.left添加position:relative;z-index:1。