在Joomla 1.5模板中的Css定位

我一直在试图制作一个joomla模板，在左边和右边的固定宽度的酒吧。主要的div应该是有响应的。在Joomla 1.5模板中的Css定位

我设法创建布局什么，我想在这里： http://dennybeulen.nl/rena/nl/over-ons.html

什么是不工作的唯一的事情是在左侧的菜单。当我改变CSS的菜单的作品，但布局不正确了。

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

希望有人可以给我一些提示： -

菜单是工作，如果我做这些改变（在130面前只是删除了“”）。

来源

2013-04-18 Denny Beulen

看起来像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将不再影响浮动反对元素。

来源

2013-04-18 11:20:02 gaynorvader

谢谢，这个作品很漂亮！ –

@gaynorvader是正确的，你的中间容器放在菜单的顶部。除了绝对定位之外，您还可以将所有内容保留原样，并且仅为div.left添加position:relative;z-index:1。

来源

2013-04-18 11:30:51 CBroe

在Joomla 1.5模板中的Css定位

回答

相关问题