I'm trying to make a simple page, build from several div's. I have a Header-div (yellow), a Navigation-div (green), a Content-div (pink), a Socialmedia-div (grey) and a Footer-div (red). All div's have a fixed height except for the content-div, I'd like this div to auto size itself. This all worked, untill I added a php-autogenerating gallery to it.
I use the following php-code to insert the gallery into my content-div.
This is where it goes wrong! Somehow the auto size of the content-div ignores the added content from the gallery script and somehow kinda merges it with the socialmedia-div. (I added a screenshot of this result.)
I also added a screenshot of the html output of the page.
I have tried to understand what all of the code does, but don't seem to get why this is happening... So if anyone could help me, it would be much appreciated :-)