In firefox when I look on a page like this - http://flights.indonesiamatters.com/news/
there is a giant white space where the form should be. The html code is
<ul> <li><h2>Book Flights</h2></li>
<div class='gf_browser_gecko gform_wrapper'etc
I guess it's a css problem but can't for the life of me work out what it is.
On IE I don't have this problem but my partner claims he has the same problem on all four browsers he has tried.
Do you have conditional logic on the form? It looks like your date field is being hidden, should that be happening? If so, the js could not be coming in correctly.
There are two date fields, one is hidden/shown by conditional logic, based on the selection in the "One way or return?" field.
I tried switching to a different form, a very simple contact type form, and the same thing happens, it gets pushed to the bottom.
The scripts, in the head is
<script type='text/javascript' src='http://flights.indonesiamatters.com/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://flights.indonesiamatters.com/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>in the footer is
<script type='text/javascript' src='http://flights.indonesiamatters.com/wp-content/plugins/gravityforms/js/jquery-ui/ui.datepicker.js?ver=1.3.9'></script>
<script type='text/javascript' src='http://flights.indonesiamatters.com/wp-content/plugins/gravityforms/js/datepicker.js?ver=1.3.9'></script>
<script type='text/javascript' src='http://flights.indonesiamatters.com/wp-content/plugins/gravityforms/js/conditional_logic.js?ver=1.3.9'></script>Gotcha, it is a CSS issue then, try this out:
[css]
.gform_wrapper ul li.gfield, .gform_wrapper .gform_footer {
clear: none !important;
}You can always target this element more specifically with #s. You will want to place this into your theme's stylesheet.
Great! Glad to help.