On my web site, I have a few photographs and instead of using a pre-built gallery I decided to do one on my own.
So I have 20 photographs laid out as thumbnails and each one links to a hidden <div> This works excellently but for one snag that I can’t for the life of me figure out.
When the hidden div shows with larger image I have a short description which is all fine and dandy as it fits neatly and pushes the navigation down as expected. But, if I have a longer description the hidden div does not push the footer of the page down instead overflows above it. Here is CSS for it:
Right now I am going to leave everything for now and just not write too long a description. However, I do intend to pull it all apart and put it back together piece by piece and possibly try a different method.
But the position attribute is certainly the culprit.