Reputation: 41
IE9 CSS Form Looks Terrible | FireFox, Safari, Chrome, & Mobile Look Perfect
The website I'm designing is:
http://www.centerforconfidence.com/addons/stop-tracking-ga/index.php?ct=disable
On All major web browsers, including: FireFox, Safari, Chrome, & Mobile... the website and the form looks perfect.
On IE9 and below, it looks terrible. The form has no styling, and for some reason, the whole content div is left aligned instead of centered.
How can I fix the form styling and content alignment on IE9 so that they look like they were designed to, without redesigning the whole website and form?
I am using the Azthetiks Product Launcher Platform for Wordpress 3.0+
Thanks!
Upvotes: 0
Views: 828
Answers (2)
Reputation: 41
FIXED. IE9 doesn't allow comments before the DOCTYPE declaration. I removed the html comments and it works perfectly in IE9 Standards mode. Thanks for the tip!
Upvotes: 0
Reputation: 3248
IE 9 is displaying the webpage in Quirks Mode. If you open the Developer Tools (F12) and select Standards Mode the form's button turns yellow and other style gets applied.
So you need to make sure IE chooses standards mode, either by using a different DOCTYPE or by other means.
Upvotes: 1
Related Questions
- IE css problems when styling form
- Why doesn't css work in IE when it works as expected in Firefox and Chrome?
- form not showing up properly in chrome and IE6
- Form CSS not working on IE9 only?
- IE9 Being different yet again
- Public Service Announcement: IE9 rendering oddity when FORMs tags improperly laid out
- Website looks OK in IE9, but not in Firefox, IE8 and IE7
- Css problem on Ie9 ( not beta version )
- HTML Form styling IE6 issues!
- IE9 Beta resizes form elements onhover bug