Windows 7 64 bit Dreamweaver CC 2014 & Lightroom 5: Trying to insert a lightroom web gallery into a template in Dreamweaver

Question

I am using a template for my website in Dreamweaver CC 2014. I installed a lightroom 5 web gallery into the template. I have an editable region where my main content goes that is where I inserted the web gallery. The main content css height is set at Auto. The web gallery shows up but only the very top half of the gallery. The whole web gallery wont push down the main content section so you can see the whole gallery. If I set the main content at height 700px then the whole gallery shows up, but because this is a template it screws up all my other pages because of the height setting. I need that to be variable. What am I doing wrong?

Answer 1

Most likely that main content area also contains a floated element and you are not clearing the float before closing the main content container. Floated elements are removed from the normal flow. Being removed from the normal flow means that a container for that floated element does not regard the floated element as being in it, and will collapse around its non-floated content. To prevent this from happening you should clear the float before closing the container, e.g.,
<div>
<img src="very-tall-image.jpg" style="float:left">
<p>some content</p>
</div>
This div will only be as tall as the paragraph tag requires, thus truncating the image.
But here -
<div>
<img src="very-tall-image.jpg" style="float:left">
<p>some content</p>
<div style="clear:left;"></div>
</div>
This div will show the whole image.