I want to create to columns next to each other. First column will be a menu and second will be the content. I need to position both columns to be center in a page. So i created a DIV id="maincontent" and two(first and second column) DIVs within the content. I was wondering if there's any atribute to set the within divs to align with the maincontent div.
I usually use position: absolute; top: value; right/left: value. But I thought perhaps there was an atribute to have the within div's to snap on the content div. also, Is there an atribute to avoid overlapping between divs?
Thi is what I have:
<div id="maincontent">
<div id="leftcolumn">
My calendar
Events
</div>
<div id="content">
text goes here
</div>
</div>
