Forums

Hi,
in my forms the first form-element has a lot of space underneath.
It doesn't matter what kind of element is on top (label or textbox etc.).
What could it be causing the problem?

I'm using the Beez-Template with adapted CSS. The problem consists since I installed ChronoForms.

Regards,
KB

EDIT: The problem looks like this:

Hi klimmbimm,

There are a few things that can cause this. The most common seems to be the interaction of the CSS height:'auto' with other elements on the page see this post for example.

It can also be caused by broken divs; or over-sized elements; or the clear:'both' CSS forcing elements down the page.

Hard to say more without seeing the page.

Bob

I think it is really a kind of interaction with elements on the left side. The first form field stretches until the end of the Joomla extension "random picture" (not mapped on the edited screenshot).
If I change the height from "auto" to a fixed value, only firefox displays it correctly. Internet Explorer still has the same problem.

EDIT: The same thing, if I turn the .cfclear to clear:none... Still trying... 😟

EDIT2: OK, I forgot the special IE-Styles (style1-ie6.css and style1-ie7.css).
I changed the .cfclear class to "clear:none" in all the CSS files. The distance between the first form elements now is gone, but I hope I didn't destroy something else with that...