I use skybluecanvas as my cms, the code below is in my template file, the sidebar div is set at 30% and the main div at 70%, it looks fine now on my pc but if i use a smaller resolution or resize my browser window my sidebar overlaps the main div.
My main div resizes automatically, how can i make my sidebar and whatever content i have within it do the same. As its a menu within the sidebar any code that can automatically resize my menu text as well would be useful.
<div id="main" >
My main menu bar across the top does the same, rather than resizing the text to a smaller font, it moves the menu text underneath.
if you look here, select all then resize your window and you'll see what i mean,