I took over designing a website for a bird club my dad was involved in. When I build it on my screen it looks fine, but if it is viewed in a smaller monitor or at a lower screen resolution items on the page end up on top of one another.
In the CSS i have the three columns set to equal 100% left is 20% middle is 60% right is 20%.
Is there a way to make it add a scroll bar instead of just smashing it all together?
link is http://maebs.com
<--- events page is the most noticeable.