Spacing Changes In Layouts Templates #2

(Note 11/25): The below content is informational only. The problem in question is not demonstrated, because of the workaround currently in place.

A new post starts out with wide vertical spacing. Look at what we have here, from line to line. Nice and wide vertical spacing. Clean and easy to read. The perfect look for a blog, right?

But don't get used to it - what does this look like in Internet Explorer? In my previous post, Spacing Changes In Layouts Templates, I showed the problem. Maybe the advice given by Paul R will help here.
Now, let's throw in a quote.

And now, look at the vertical spacing. It's fine now, until after the unsorted list below. Nice one, Paul.

So, how did this work? Well, in the above example in my previous post, I have

<blockquote>Now, let's throw in a quote.</blockquote>


and in this post I have

<span style="line-height: 1.2;"><blockquote>Now, let's throw in a quote.</blockquote></span>


Look at my other posts, for instance. Enough! I Want To Go Back! and Beta Blogs: My 3 Week Evaluation both exhibit this behaviour.

Other folks who have observed this.


(Edit 11/18): And today, we see the new comment (#2, below)
The fix worked for me on Firefox, but not in Internet Explorer.
DOHH! Why should this not surprise me?


(Edit 11/24):See Spacing Changes In Layouts Templates #3 for an update, making this workaround unnecessary.


(Edit 10/17): From Problem with the line space of the posts., we find possible hope:
As a temporary fix for current posts, I (accidentally) found that if
you add <span style="line-height: 1.4;"> before each blockquote, and </span> after the blockquote, then the line spacing goes back to normal after the quote, as it is supposed to.

Comments