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.
Please subscribe to the Webomatica RSS Feed!
Categories: Blogs, General, Technology :: Tags: CSS, Internet Explorer, Web Design ::
Trackback URL
Previous Post: Our Pitiful Broadband
Next Post: Apple Event Predictions: New iPods, Beatles
Related Posts: AT&T Announces iPhone 3G Pricing :: Most Hated Weblogisms :: YouTube Break: Text Message Breakup :: Flash Notes: Setting Up An External ActionScript File ::
"I did some poking around the google apps a while back and pretty much all ofthem allow export into another format - html, rtf, even pdfs. thespreadsheet supports CSV files. Even with Google mail, I download everythingto my local computer daily. This is a big reason why I'm still sticking withthe google apps - they support data portability.
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