{"id":3066,"date":"2012-06-04T19:03:09","date_gmt":"2012-06-04T17:03:09","guid":{"rendered":"http:\/\/blog.netspark.de\/?p=3066"},"modified":"2012-06-04T19:01:07","modified_gmt":"2012-06-04T17:01:07","slug":"css3-firefox-opera-and-ie","status":"publish","type":"post","link":"https:\/\/blog.netspark.de\/?p=3066","title":{"rendered":"CSS3, Firefox, Opera and IE"},"content":{"rendered":"

\"\"Again, it seems as I have discovered some lacks in Microsoft’s IE. The browser
\nseems not able to handle CSS3 up to version 9 properly. The result? A really odd
\nlooking button and pagination buttons. This blog will show you what happens,
\nwhen browsers do not comply with actual HTML and CSS standards.<\/p>\n

Let’s begin with my personal favourite, Mozilla Firefox, which I actually use in Version 12.<\/p>\n

\"\"As you can see, the “Continue Reading” button shows as intended. Nicely styled with CSS3<\/p>\n

\"\"And here’s the pagination. Fancy round buttons just as intended. the Current-Pagination style is a bit offset but that’s not the fault of CSS3 but rather the odd nesting of this wordpress them I am currently figuring out (hopefully!).<\/p>\n

So now how’s our old buddy IE8 performing which is installed with Win7 so far?<\/p>\n

\"\"As you can see, the button is squared, and the bumpyness of the font is missing, okay, doesn’t look THAT bad… however not as intended…<\/p>\n

\"\"Yupp and same problem with the pagination. Okay… ain’t THAT bad either… at least IE8 is trying…<\/p>\n

Now let’s see how IE9 is performing…<\/p>\n

\"\"Now can you explain me this? IE 9 is indeed interpreting rounded corners however the transparent transition is still squared? Also the Bumpiness of the text is still missing. YIKES! They fixed only halfway of IE8’s lack of capabilities…<\/p>\n

\"\"…and this disaster doesn’t look charming on your eyes either… DANG!<\/p>\n

Now you may probably understand why I recommend using Chrome, Firefox, Opera or Safari prior to IE. Up to date, they all cope well with the actual CSS3 standards and show the CSS3-styled elements as intended.<\/p>\n","protected":false},"excerpt":{"rendered":"

Again, it seems as I have discovered some lacks in Microsoft’s IE. The browser seems not able to handle CSS3 up to version 9 properly. The result? A really odd looking button and pagination buttons. This blog will show you what happens, when browsers do not comply with actual HTML and CSS standards.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[55,4,6],"tags":[425,1780,1782,877,816,876,1781],"class_list":["post-3066","post","type-post","status-publish","format-standard","hentry","category-computer-2","category-curiosities","category-ideas","tag-button","tag-css","tag-differences","tag-ie","tag-mozilla","tag-safari","tag-styling"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/posts\/3066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3066"}],"version-history":[{"count":0,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/posts\/3066\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}