Setting heigh size for a sidebar which matches the main content heigh size
Hey there guys. For several hours I'm trying to set the heigh my private wiki's sidebar so it matches the main content's size. Sadly I can only handle with CSS and HTML and I'm trying how to handle with JS, PHP and jQuery. What's why I am here to ask you guys to help me. We're using a Wordpress-like skin, which can be downloaded on mediawiki.org. I modified our skin called "Dusktodawn", fixed several table issues within the wiki (made by the skin) and I'm nearly done with my work.
Like I said in the beginning I'm trying to set the heigh of the sidebar. Usally there is a gif-image within the sidebar and the main content. If I remove it entirely the darkblue background color of the sidebar reaches it's own border, but it should go deep to down so it matches the heigh of the main content. I don't know how to set the heigh of the sidebar matching the main content. I tried "heigh:auto" and "background-position:cover (or "100% 100%") and both of them didn't work. I want to make the background of the main content slightly transparent (A 0.7), but doing so I must remove the gif image within the side and the main content first.In the attachment some files, including screenshots and codes files.
Using CSS makes no sense. I know there is an alternative way, but I don't know what should I do next. I hope you guys can help me.
Again: I want to set the sidebar's height by using jQuery so it matches the height the main content to the right.