左导航不会扩展到100％Magento

Question

我正在：http://nscar.org/magento/

开设Magento商店

我试图让左侧导航扩展到产品所在容器的100％。任何建议都会非常感激。

Answer 1

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

Answer 2

尝试根据页面主体使用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。

Answer 3

我猜你真正想做的是让整个左侧边栏重复橙色背景。为此，您只需要为#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;
}