CODEWITHSUNDEEP
htmlcss
user1913843
user1913843

Reputation: 135

why is my css overlapping my content?

You can see my webpage here 

http://209.140.27.232/~ashleyo/portfolio.html

I can't seem to figure out whats wrong with my CSS. It appears that an invisible container is overlapping my content so I can't click on the images with the exception of the bottom ones that seem to be outside the container

Upvotes: 1

Views: 68

Answers (2)

Dynamic Remo
Dynamic Remo

Reputation: 531

Hope this may help you :)

Actually heres neither a need of this "z-index" for CONTENTs DIV and neither "height" for CONTAINERs DIV as theres no need of z-index and height can be grow automatically.

Simply Remove these properties.

#content{
    z-index:0;
}
#container{
    height: 500px;
}

and if you want you can limit your div`s max hieght with this CSS Property 

#container{
    max-height: 500px;
}

Upvotes: 0

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32182

Remove #content id z-index -1 and

Now add z-index 0 on your #content id

As like this 

#content{
z-index:0;
}

Upvotes: 3

Related Questions