Contact Form is fine in Firefox but really narrow in IE

[delvsie]

I have put the code {contact_form email="myemail@myemail.com"} in a page called contact form.
http://www.omrlp.com/index.php?page=contact-us

It looks wonderful in Firefox, but really narrow in Internet Explorer.

Could anyone help me?

Thanks
Nick

[pixel8]

It looks to be a question of how IE7 renders em's in the width of your form, as it looks fine in IE6.
If you look at the top of your form you'll see:



Where it says style="width:30em;...." try changing that to a fixed width like 360px or flexible width of 50%.
On the same line there is also an important; which I'm not sure needs to be there, so try removing it to see what happens.

Hope this helps a bit.

[delvsie]

Hi Pixel8
I see the code you refer to is in my browser page source - http://www.omrlp.com/index.php?page=contact-us but haven't a clue how to change it within the admin panel.

I have searched within the template and stylesheets in my admin panel and can't find it.

I got the code {contact_form email="yourname@yourdomain.com"} from http://wiki.cmsmadesimple.org/index.php/User_Handbook/Admin_Panel/Extensions/CMSMailer

How do I access the code to make the alterations you have suggested?

Thanks
Nick

[designer0352]

How do I access the code to make the alterations you have suggested?

The file you need to edit resides in the plugins folder and is named function.contact_form.php. You should be able to access it on your local files but it not, just FTP it there to edit. Open this file with a text editor and look for the section // Default styles. In this section is a line that sets some basic styles of the form. This is the line to edit.

$formStyle = 'style="width:30em; important; font-weight: bold;"'; // form

Change the value of the width attribute as Pixel8 suggested to get the results that suit you.

Save and upload back to the plugins folder.

Good Luck!
Mitch