JComments overflows the content area

[Bits Support]

Hello All,

I am new to JoomlaTune but I have been working with Joomla for a while now. I am having an issue where my Jcomments are overflowing the content area for the article. Basically instead of the page height auto expanding to fit the JComments (like It would if the article was longer than the default page height or if there were multiple articles on one page) it just overflows it into the bottom section of my site. If anyone would like to take a look please go here http://bitsltd.net/community/green-technology-blog/83-the-sug7-has-arrived.

The funny thing is that sometimes it will be almost correct (the send button is just past the main content area) but other times it will be very obvious (everything below the text box for the users comment will be below the main content area). I have attached a screen shot of the issue.

Any Help is appreciated.

[smart]

This is because you have an element with fixed height:

Code:

<div class="main-height" style="height: 1349px;">

I am not sure if height is set in code or via JavaScript. I can suggest you to use FireBug extension for FireFox browser to easy find any CSS style information.

[Bits Support]

This is because you have an element with fixed height:

Code:

<div class="main-height" style="height: 1349px;">

I am not sure if height is set in code or via JavaScript. I can suggest you to use FireBug extension for FireFox browser to easy find any CSS style information.

I currently use firebug and I will look to see what is setting the page height. Thanks for taking the time to look and give me a hand. I will post my findings and the outcome for you when I am done. Thanks again!

[Bits Support]

So I looked at the

Code:

<div class="main-height" style="height: XXpx;>

and it says it's an element.style (meaning that the css is inline). I then looked at the template's html but any thing that is class="main-height" does not have an inline height declaration. What would set it to that height?

When I used firebug and put the height to auto it displayed right. How would I do this do you know which file it is or if there is a param I can set?

[smart]

I've found JavaScript which sets height:

Code:

<script type="text/javascript" src="/templates/rt_versatility4_j15/js/roksameheight.js"></script>

I do not know how this script is important for this template but you can try to disable it.

[Bits Support]

OK so I stopped including the same height js file and that did solve the issue. However without it a page that has a side col (rightcol) enabled will not display 100% correctly. Basically it had a border but without the same height js file it doen't put the border the whole length of the page. See screen shots.

I would like to change that js file to where it makes the height auto but I have no idea how.

[Bits Support]

2nd screen shot

[Bits Support]

Hello,

Has anyone had the chance to read my issue and supply a suggested solution? Any help is appreciated!

Thanks!