Making the Sidebar and the Post Area to be of Same Height
Some of the simple blogger templates use CSS to set the background color of the sidebar and the main post part.In this case,the heights of these two columns can be different making it look a little awkward.In many cases you may want to make both of these columns of the same height.
If you didn't understand what i am talking of,then i will show you some demos.
Check out the sidebars of both
Blog Without Height Fixing – Link
Blog After Height Fixing – Link
Here is the height fixing script.
What does this height fixer do?
Now we set the height of both the divs[div with id sidebar-wrapper and the div with id main-wrapper] as sh pixels. So what does this actually do?? This script checks which of these divs have a larger height and assigns that larger height to both of these divs thus making both of them of equal height.
Where to place this height Fixer Code?
The height fixer code can be placed anywhere in the head section of your template.If you are still confused about where to place the code,then place it just above
Where else Can i Use this Script?
This script can be used anywhere where you need to adjust the height of two divisions(divs) to be the same.In that case don’t forget to change main-wrapper and sidebar-wrapper in this script with the respective ids of those divs.That means you can use this script to adjust the height of any two columns and make them of same height.
Why is the script having so many complex characters like < > etc?.
Does this work on All Browsers?
Your comments and suggestions are always welcome.