-
Nov 10th, 2011, 12:36 AM
#1
Thread Starter
Hyperactive Member
Auto Resizable Divs with CSS
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.
Code:
<div id="content-wrap">
<div id="main" >
<!--#plugin:fragment(page,view)-->
</div>
<div id="sidebar">
<!--#plugin:fragment(ABOUT-LINKS)-->
</div>
</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.
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,
Thanks Chris1990
Last edited by chris1990; Nov 10th, 2011 at 12:58 AM.
If your question is answered then mark your thread RESOLVED and give credit to whoever answered it.
If you fail, try and try again, its the only way to success.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|