Dan Rubin's SuperfluousBanter

Blogger. Template. Fixed.

Blog­ger tem­plate ques­tions? Please search and/or post to the offi­cial Blog­ger Help Google Group—you are much more likely to get a response there than by email­ing me.

A lit­tle over 2 years ago, Blog­ger relaunched, and fea­tured all-new tem­plates designed by some of your favorite design­ers. I was lucky enough to be included in that list, and my tem­plate set, Thi­s­away, was well received and has enjoyed some pop­u­lar­ity over the last few years. That is, unless you’re an IE user who hap­pened to put ital­ics in a cer­tain parts of your posts.

Woe is IE

IE/Win suf­fers from a curi­ous bug (gasp!) related to the use of ital­ics in cer­tain sit­u­a­tions. The won­der­ful folks at Posi­tion is Every­thing have doc­u­mented this as much as pos­si­ble (or as one would want to), and, as luck would have it, their fix works on Thisaway.

Why now?

I’ve been email­ing the fix to peo­ple for quite a while now, on a case-by-case basis, and it’s also been posted to the Blog­ger Google Group, but I finally coor­di­nated with the nice folks at Blog­ger a few months ago to start incor­po­rat­ing the fix into the live tem­plates, so new users of the tem­plate would get the fixed ver­sion. Hap­pily, I can now say that as of a few weeks ago, the fix is now live, and seems to test out just as it should.

Fix­ing exist­ing blogs

What if you’ve been using one of my Thi­s­away tem­plates for a while? If you want to update your blog to incor­po­rate the fix, you have two options.

Option 1: Start from scratch

If you haven’t made any cus­tomiza­tions to the blog tem­plate (e.g. adding ele­ments to the side­bar, chang­ing the CSS, adding a cus­tom header image, etc.), you can sim­ply log into your Blog­ger admin area, select the “Tem­plate” tab, then click “Pick new” in the tem­plate sub-nav, and select the same Thi­s­away color scheme you are cur­rently using. Then just repub­lish to update your blog with the fixed version.

Option 2: Apply the fix manually

This isn’t as scary as you might think, though it takes a few more steps than Option 1. After log­ging into your Blog­ger admin area, click the “Tem­plate” tab, and then focus your atten­tion on the text edit­ing area on that page.

You’re look­ing for the fol­low­ing CSS in the upper por­tion of the tem­plate code:

.post-body div {
font-size: 13px;
line-height: 18px;
margin: 10px, 0px;
}

Change that to match the following:

.post-body div {
font-size:13px;
line-height:18px;
margin:0;
height:1%;
overflow:visible;
}

The last line of the orig­i­nal is changed, and two addi­tional lines have been added.

Click “Save Tem­plate Changes” and then repub­lish to update your blog.

This item was posted by Dan Rubin on Sunday, August 6th, 2006.

Categories:

• Uncategorized

You can follow comments on this item via the RSS 2.0 feed.

Comments are closed.