joomla 1.5模板中的Css定位

joomla 1.5模板中的Css定位,css,joomla-template,Css,Joomla Template,我一直在尝试制作一个joomla模板,左右各有一个固定宽度的条。主要部门应作出反应 我在这里成功地创建了我想要的布局: 唯一不起作用的是左侧的菜单。当我改变css的菜单工作,但布局是不正确的了 如果我做了这些更改,菜单将正常工作(只是删除了130前面的“-”: 希望有人能给我一些提示。看起来像是div.fluid正在覆盖你的左栏。 尝试将div.left绝对定位,并将div.fluid设置为没有左边距: div.fluid{ float: left; width: 100%;

我一直在尝试制作一个joomla模板,左右各有一个固定宽度的条。主要部门应作出反应

我在这里成功地创建了我想要的布局:

唯一不起作用的是左侧的菜单。当我改变css的菜单工作,但布局是不正确的了

如果我做了这些更改,菜单将正常工作(只是删除了130前面的“-”:


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

看起来像是
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将不再影响浮动在其上的元素。

@gaynorvader是正确的,因为您的中间容器位于菜单顶部。不必将其定位为绝对位置,您也可以让一切保持原样,只添加
position:relative;z索引:1
表示
左侧分区

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