左のナビゲーションは、私がでMagentoのストアに取り組んでいます100％にMagentoの

Question

を拡張しません。http://nscar.org/magento/

私は製品がでているコンテナの100％に拡大する左側のナビゲーションを取得しようとしていますどれ。提案は非常に高く評価されるだろう。

Answer 1

あなたが本当にやりたいことは、左側のサイドバー全体でオレンジ色の背景を繰り返すことだと思います。 #publicnavではなく#leftの背景を設定するだけです。 /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> 

leftDivIdとrightDivIdを適切なdiv idに変更します。