What is the proper way to create a third column for this website. The div shouldn't float right because it covers up the other content div when the screen is resized. I have tried setting a wide margin but the margin causes the left sidebar and content div to drop down too low on the page. I am working on a template for the entire site pages.
Thank you for your help!
In the page that you want to add a 3rd column you would need to amend the .content css to as below: (I've commented out /* */ the css that is not required) .
Then add the css for the 3rd column:
Then add the 3rd column into the html in the position shown below:
<!-- end .content -->
<div class="thirdCol">Third Column</div>
Worked very well. Just had to change the position of the 3rd column in the html because it was falling below the footer.