Annoying IE Bug: Creeping Text
Every few months I get bored of how this site looks, hence the theme overhaul. The color scheme is slightly different, the fonts have been changed, and some different art is still to come.
I removed a few things from the sidebar and two images (a page background and a footer) that I really can’t remember why I ever had them in the theme - I guess that’s what comes from hacking a pre-made theme. Skelliewag.org has a really great post on de-cluttering your blog that is inspiring some of my pruning.
But in regards to Internet Explorer and “creeping text”: The site looks dandy in Firefox and Safari, but I always hold my breath when it comes to Internet Explorer on a PC. So I checked out few pages and noticed this annoying problem in the comments - basically everything was slowly edging to the left, to the point where the text was appearing off the side of the page:

Turns out this is an IE-specific “creeping text” CSS bug (view the link in IE to see for yourself). It happens when block elements are nested within one another, and the elements have only a left border and a bottom padding. Turns out that’s exactly what I was doing in the comments to create the green stripe. While updating the theme, I removed the bottom borders from both the comment <li> and the page <div>, hence the zombie-fied text.
So I added a grey bottom border to the comment <li> and no more creep.
Did I mention I hate Internet Explorer? But according to my server logs a vast majority of people who happen across this blog use it, so I must cater to them somewhat. As a result, I do appreciate that whenever I have a strange web design problem, odds are someone on the Internet has posted a fix. And so I do the same through this post.
Previous Post:
Add New Comment
Viewing 5 Comments
Thanks. Your comment is awaiting approval by a moderator.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Add New Comment
Trackbacks