Forums

Hi,
I tested to create a form and use it as a request form.
It all works fine. The form/module is shown as a module/menue on the right side of the website (below a module for time zones).
If I load the site the width of the module is as big as the with of the other modules (170px).
However, in IE6, every time I minimize or change to another window and then come back to the website the size of the chronoform module is twice as big. Only that module.
I checked the differen css styles of chronoform, but could not detect the issue.
Can you please advice?
Thank!
Hans

To add:
I checked all css styles in com_chronocontact/themes/default/css and other folders, but could not detect the issue 😟

See modified CSS:

/*body, ul, form, div, input, select { margin:0px; padding:0px;}*/

div#form_element {
behavior: url(hoverie.htc);
}


/*-----------Form Styles--------------*/

.form_item {
 /*border:1px #CCCCCC solid;*/
 display:block;
 padding:0px!important;
 margin-top:0px;

}

.form_element {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:2px;
}

.form_element label {
	width:150px;
	display: block;
	float: none;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .check_label {
	width:150px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .radio_label {
	width:150px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}

.form_element select, .form_element input {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.delete_icon { float:right; /*border-left:1px #CCCCCC solid; padding:10px;*/}

.delete_icon1 { float:right; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:10px;}

.button { text-align:center; border:none; margin-top:10px; }

.no_delete { border:none;}

.cf_button1 {
	width:70px!important;
	height:20px!important;
}



.radio { width:20px!important;}

.float_left { float:left;}
.clear { clear:both; font-size:0px; line-height:0px;}

.width1 { width: auto;}

Hi Hans,

I've no idea and don't remember seeing this reported before. Please can you post a link to the page where this happens.
ChronoForms has a separate css file for IE6 - but the problem could be from css in another template css file that also affects the elements in your form.

Bob

Hi Bob,
I created a temporary user for you:
<!-- w --><a class="postlink" href="http://www.kh-investments.de">www.kh-investments.de</a><!-- w -->
user: temp
pwd: bob
The site is a prototype and not live, yet.
Thanks,
Hans

Hi bob,
sorry, the temp user is not working.
please use "test" and pwd "test" instead.
THanks
HH

Hi Hans,

Sorry can't login with test/test either.

Bob

Hi Hans,

try to transform your form to the theme1 style which may fix it, or you can make a mini form for this module using your css or the theme1!

Cheers
Max

Hi Max,
it worked!🙂
Thanks and have a great day,
Hans