CODEWITHSUNDEEP
csselement
tim.baker
tim.baker

Reputation: 3307

Element lying "on top" of another for no reason?

I'm just trying to put together a webpage for a client, and I have a photo gallery at the bottom of the page, but it seems to be on top of the rest of the page's content, although its own content appears underneath the rest. The easiest thing to do is see it for yourself here. *Note how you can't play the YouTube Video, if you use "inspect element you will see what I mean about "lying on top" *

I've spent at least an hour and half trying to fix this, and it’s been a long day! I may just be being tired, but some friendly advice would be gratefully received. I want to try and avoid a work around using z-index if I can!

Upvotes: 0

Views: 64

Answers (1)

feeela
feeela

Reputation: 29932

You need to clear your float's.

For example by adding clear: both; to the gallery:

.gallery {
    clear: both;
}

Upvotes: 2

Related Questions