Blog Archives

Careful with supporting all versions of IE 8

Problem Internet Explorer 8 is still mildly popular and so probably needs to be accommodated for on websites.  However, like different versions of Chrome and Firefox, IE8 also has different versions.  There are about 6 different versions of IE8 in

Tagged with: , ,
Posted in Coding

Font not showing properly in IE 8

Problem I’m using a google font that works fine in the menus, but seems to have a shadow of some sort in the content.  I set the font color to white and i still see some sort of outline.  I

Tagged with:
Posted in Coding

IE Doesn’t see padding on hover

Problem Internet Explorer 8 (I no longer even look at IE 7) seems to not be able to see the padding on an anchor tag within a ul > li > a structure.   Using jQuery I have a hover

Tagged with: , , ,
Posted in Coding

Z-Index, iFrames, and IE

Problem I’m using the Apprise jQuery plugin to show a fancy alert box on a webpage.  The problem is I also have the embedded iFrame code from YouTube on the page.  When the fancy alert box shows in Internet Explorer,

Tagged with: , ,
Posted in Coding

Online Tools

All tools listed here are free and ready to use. CSS Gradient Generator Great for creating gradients, even in IE: http://www.colorzilla.com/gradient-editor/ Image Editor Great for an alternative to Photoshop or even Gimp if you don’t have anything installed: http://pixlr.com/editor/ Test

Tagged with: , , ,
Posted in Server Stuff, Tools

jPlayer doesn’t play in IE9

Problem Using jPlayer to play video works fine in Chrome and Firefox and the iPhone, but does not play in Internet Explorer 9 (IE9).  In IE9 it just shows a black screen and goes back to the first frame.  

Tagged with: , ,
Posted in Coding

IE and inline-block

Apparently IE 8 cannot change the display of a element to inline-block unless it natively is inline.  The fix is to trigger hasLayout on the element before trying to change it.  Below is a code snippet to get elements to

Tagged with: ,
Posted in Coding

CSS IE Printing A Lot of Blank Pages

Problem One of the smaller pages on a wordpress site I was working on printed about 75 pages in Interent Explorer (73 of which were blank).  Both Firefox and Chrome printed the normal 1-2 pages.  Only the contact us page

Tagged with: , ,
Posted in Coding

Opacity in multiple browsers

A collection of opacity syntax for multiple browsers. .img_transparent_class { /* IE 8 */ -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }

Tagged with: , ,
Posted in Coding

Vertically Centering Multi-line Text

Found a great article that demonstrates vertically centering multiline text.  It uses display:table and display:table-cell among some IE hacks.   keywords: css vertical center text source: http://css-tricks.com/vertically-center-multi-lined-text/

Tagged with: ,
Posted in Coding