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 将不再影响 float 在其上的元素。