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。

Css定位在joomla 1.5模板中

2 个答案: