在joomla 1.5模板中的CSS定位

Question

我一直在嘗試制作一個joomla模板，在其左側和右側有一個固定寬度的欄。 主要的div應該有回應。

我設法在這里創建所需的布局： http : //dennybeulen.nl/rena/nl/over-ons.html

唯一不起作用的是左側菜單。 當我更改CSS時，菜單有效，但布局不再正確。

如果我進行了這些更改，菜單將起作用（只需刪除130前面的'-'）：

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

希望有人能給我一些提示。

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是正確的，因為您的中間容器位於菜單頂部。 除了將其絕對定位之外，您還可以將所有內容position:relative;z-index:1 ，只為div.left添加position:relative;z-index:1 。