在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 。