左侧导航不会扩展到 100% Magento

Question

我在Magento商店工作：http://nscar.org/magento/

我正在尝试让左侧导航扩展到产品所在容器的 100%。任何建议将不胜感激。

Answer 1

我猜你真正想做的是让橙色背景在整个左侧边栏上重复。为此，您只需要为 #left 设置背景，而不是 #publicnav。

在/magento/skin/frontend/default/css/styles 中.css在适当的位置添加以下内容：

#left {
    height: 100%;
    background:url('http://www.nscar.org/images/background.gif');
    background-repeat:repeat-y;
}

Answer 2

在 .col-left 的 css 中找不到背景图像，将其从 ..images/background.gif 更改为 ../images/background.gif 有效。

Answer 3

尝试根据页面主体使用 javascript 动态设置左侧菜单的高度。下面的代码将对您有所帮助。

<script>
var leftH       = 0;
var rightH      = 0;
var minHeight   = 0;
function resize() {  
    leftH   = document.getElementById('box7-container').offsetHeight;
    rightH  = document.getElementById('box8-container').offsetHeight;
    minHeight= (leftH > rightH) ? leftH : rightH ;
    adjust_heights();
}
function adjust_heights() {
    var left    = document.getElementById('leftDivId');
    var right   = document.getElementById('rightDivId');
    minHeight = minHeight - 9;
    if(rightH == minHeight)
        left.style.height   = (minHeight) + 'px';
    else
        right.style.height  = (minHeight) + 'px'; 
}
resize();
</script>

使用适当的div ID 更改 leftDivId 和 rightDivId。