I am new to open element and not very experienced in web-design, but I have built several websites in the past using Dreamweaver CS3. I just upgraded to a new Windows 10 computer and found that I could no longer activate my Dreamweaver CS3 so I decided to try something new versus paying adobe monthly forever to get a new version of Dreamweaver. I started looking at options and found open element which is awesome, but I am having difficulty figuring out some of the basics, wish there was a book I could buy? 

So, I am trying to build a template (base layer) to build my website with. My layout is simple, a header section on top that has a logo and menu bar which I seem to have to have figured out pretty well, it resizes nicely and seems to work pretty well. Below the header I want to have a single container to put my page content into, and at the bottom of the page a simple footer with a few menu button links in it.

So the part I can't seem to figure out is how to make a main content box that is flexible in height so that the height of my page adjusts to the height of the items that I put in the content box. I can put a photo in the content box, make the width of the photo 100% so it fills the width of the box and the height of the photo also changes proportionally as it should, but the bottom of the photo covers the footer (bottom menu) so it is not visible in the browser when the page is viewed. How do I make the content box expand in height so that the photo stays within the box so the footer is visible?

I am hoping it is something simple? Is there a tutorial or something someone can point me to so that I can figure out the settings required to make my content box flexible in height. You would think that setting the height to "auto" in the "Dimensions" settings would do it, but there has to be a detail I am missing.

Thank you,

Brent Bowman