Left Navigation won't expand to 100% Magento

I am working on a Magento store at: http://nscar.org/magento/

I am trying to get the left navigation to expand to 100% of the container that the products are in. Any suggestions would be much appreciated.

Answers


I'm guessing what you really want to do is to have the orange background repeat over the whole left sidebar. For that you just need to set the background for #left instead of #publicnav.

In /magento/skin/frontend/default/css/styles.css add this where appropriate:

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

In your css for .col-left the background image isn't being found, changing it from ..images/background.gif to ../images/background.gif works.


Try to set height of the left menu dynamically using javascript according to the main body of the page. The below code will helps you.

<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>

Change the leftDivId and rightDivId with appropriate div ids.


Need Your Help

Convert PFX to PEM and error "unable to load certificate"

ssl openssl amazon-cloudfront pem pfx

I am trying to converted a wildcard SSL certificate to PEM format so I can use it in Amazon's Cloudfront. The only file format I have available is pfx. I tried using the following commands:

convert php mcrypt_encrypt and decrypt to mysql function

php mysql encryption hash cryptography

I was encrypting and decrypting data using php mcrypt_encrypt and mcrypt_decrypt() with the following arguments: