I’ve recently discovered a nice plug-in for jQuery that mimics the “Feedback” tab that most webapp sites are using these days. I’ve downloaded the plug-in from theodin.co.uk, in hopes to use it for a quick request quote form for my web design company. I’ve modified it quite a bit to make it more secure. I went ahead and used jQuery FormSubmit plug-in to send the data to a php file that also does some validation on the data being inputted by the user.

Everything was setup and working, but I was doing my development on Ubuntu and running Mozilla Firefox 3.5. So, when I went to test it on Windows XP Internet Explorer 7 and 8. I noticed that the tab would not behave the same as it does on Firefox or Google Chrome.

What I ended up doing was I removed all of the properties from the CSS that has * in the beginning, and moved them to a separate css file.

@char "UTF-8"
/**
* Contactable
*/

* html #contactable {
position:absolute;
margin-top:200px;
}

* html #contactForm {
width:394px;
}

Then loaded that file using HTML Conditional Comments.

I’m also using the Google IE 7 Project .

After implementing these changes the tab and the form worked perfectly, on Internet Explorer 7 and Internet Explorer 8.

Related Posts

• Update Copyright Year WITHOUT using PHP