Comment area overlapping the footer of the site!

Asked

Viewed 108 times

0

Hello, I have a comments area on my site that I made using the Facebook API. The problem is that when someone sends a comment, it overlaps the footer layout. I’ve tried using position: relative, position: absolute and position: fixed, none worked.

I’ll leave you a print so you can understand. I thank those who help.

imagem

html css facebook

  • Can you put the respective HTML to that part? Have you tried z-index or overflow: hidden; ?

  • Your question has nothing to do with PHP, please read this Jean: How to ask a good question? What kinds of questions should I avoid asking? and mainly mcve

  • I’m going to test this Sergio, thank you. And Guilherme, I thought it was a forum of help in programming. I’ve seen a lot of freshness around here regarding rules.

  • 1

    Hello Jean please do not be offended, this is not freshness and also not a forum, this is a "Q&A" (Question and Answer), that is not here the questions have to be clear, it should use the correct TAGS and is not an appropriate place for debates as are usually the forums. I hope you understand and welcome!

  • All right William, I’ll read the rules you gave me. I put the PHP tag because my code was made in php. so much so that it’s a joomla site. I thought it was part.

  • So Sergio, I put this up and it didn’t work the way I wanted to =/ I don’t know if I can post a print here, if I’m not allowed to apologize, here it is: https://dl.dropboxusercontent.com/u/51209955/wdawd.png Like Hidden, it sits behind the footer, So I put the auto overflow and that scroll came up on the side. the code can’t catch it, because it’s a joomla module. I’m styling via css even.

  • Thank you for understanding Jean, try to use the tags should be on the issue.

  • It would help if you help us understand the problem. Edit the question and put the HTML code and CSS (only the rules of your footer).

Show 3 more comments

2 answers

1

Maybe the problem is with some float in the chat container. Try using the style clear: both in some element right after the chat, but that is inside the container.

Also check that the container has a set height. If you can, leave it with only one min-height and not a height fixed.

0

Try to use this:

z-index: 50000;

Browser other questions tagged html css facebook

You are not signed in. Login or sign up in order to post.