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.
May I ask what is wrong with doing it with CSS and HTML? Most of us would consider that the preferred solution.
But I'm unclear from the above, as you make conflicting statements. I'm unclear if you successfully did it with CSS and now (for some reason unknown) you want to do it with JS? Or if you were unsuccessful with CSS?
In any case, we can't help you given only a word story and pictures. We have seen no HTML. We have seen none of your attempts to make it work. The best thing is to make a jsFiddle that shows an example.
Leave a comment on watusiware's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic