IE9 CSS Form Looks Terrible | FireFox, Safari, Chrome, & Mobile Look Perfect
Question
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!
2 answers
solution1
1 2011-11-30 08:17:09
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.
solution2
0 2011-12-01 01:17:11
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!
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.