"Add Comment" box is overlapping once a comment is posted

[tceko1]

Hello,

I have a very strange issue.  it seems as though everything is working in default templates, but then i have a very basic custom template and for some reason once you post a comment, the comment shows up and the "add comment" form overlaps on top of the comment.  Please see screen shot.

Thank you in advance for your assistance.

Tim

[tceko1]

I'm not sure what the issue was, but like i mentioned, I was using a very very basic custom template, so I just redeveloped my template using the default Beez template by changing my index.php with the one in the template, brought over my stylesheets and images and it just worked.

weird issue.

[smart]

Try to use FireBug plugin for FireFox to discover problem's source. There is no such bug with default Joomla's template so in my mind this is some problem with your's CSS styles.

[rafaelamaral]

I had this same problem. I solved this issue and would like to share with you.

It isn't a CSS problem, is a failure of recognition in the index.php of template.

I compared all the tags of index.php of template "rhuk_milkyway" (no bugs with jcomments) with the tags of the template defective. I did some tests, and I found that the lack of a determined table involving "<jdoc:include type="component" />" creates the problem.

Solution in index.php:

<table class="nopad">
<tr valign="top">
<td>
<jdoc:include type="component" />
</td>
</tr>
</table>

CSS attributes for .nopad:

table.nopad {
   width: 100%;
   border-collapse: collapse;
   padding: 0;
   margin: 0;
}

Good luck!

[smart]

@rafaelamaral: thank you for sharing the solution!

[Peter2]

JComments overlaps page bottom after submiting the comment (see image).

I tried rafaelamaral way to solve the problem, but nothing happens.

How to solve this problem?

Thank you  

[korime]

i have the same problem

but when i browse in IE 7 or older it works fine but in other browsers is overlap like on image