Forums

IE6 CSS problem

webbuilders 25 May, 2010
I have made two forms in my site with chrono ...the first one is a quick chrono contact that i have changed the paddings because i had reduced space. the second form is a typical form of contact...

The problem is that at quick form to make the form with less paddings , margins and width i used from the "Form code" the "CSS style" and i add the above code as a result in ie6 to have the form very big and that breaks my site...I found the Ie6 style css but i fingure out that if i find a way to fix that from there i will have problem to my second form

What do you suggest me to do ??

.form_element {
margin-top:1px;
margin-bottom:1px;
margin-left:0px;

}

button, input[type="button"], input[type="submit"] {
line-height:100%;
padding:0;
}
.form_element label { line-height:15px}
.style1 {
font-size:16px;
font-size:20px;
}

input.dashboard, select.dashboard{
width:100px;
}

textarea, input[type="text"], input[type="password"] { 
padding:0 0 0 0;
}

#ChronoContact_quick {
width:270px;
}

#chrono_verification { width: 145px;

}

.style1 {	
color: #3366ff;
	font-size: 20px;
        padding-top:2px;
        padding-bottom:4px;
        text-decoration:underline;
}

.style2 {	
color: #3366ff;
        font-style:italic;
}

GreyHead 25 May, 2010
Hi webbuilders,

Create separate CSS files.

Bob
webbuilders 25 May, 2010
How can i create separate css files ??

I want in ie6 to have the quick form display fixed but keep the second form as it is

Thanks
GreyHead 25 May, 2010
Hi webbuilders,

Add the CSS to the Form CSS box, or add it to a separate file and include that from the Form HTML.

Bob
webbuilders 25 May, 2010
Sorry iam confused ....

I have already added the above css to the form CSS box for my Quick-FORM1 and it works great in safari - opera - ie7 - ie8 but in ie6 it is totally wrong....
GreyHead 25 May, 2010
Hi webbuilders,

Then I guess that the CSS has to be added via the Form HTML and made conditional on the browser??

Bob
This topic is locked and no more replies can be posted.