But I couldn't help but notice that my blog post looked great in IE6 and Chrome, but in Firefox, the paragraphs had no spacing between them!
So today I spent some time looking at the source and at the templates, and learning how it all works. Turns out my paragraphs were in <div>s. "What in the world? Why not use <p>??" I thought. After all, <p> does stand for paragraph; I've known this since the 5th grade!
Of course, I instantly blamed the developerWorks developers. But I shrugged, dove into the template system, and wrote a complex set of $util.replace() calls to properly replace the quirky markup with a nice <p> before each paragraph and </p> after. It was beautiful!
I opened up Firefox, and after a little CSS, my paragraphs were spaced just as I wanted them. Presto! I clicked around the blogs homepage to go see the other inferior blogs without spaces between paragraphs... But lo and behold, everyone else's showed up fine in Firefox. What??
Then it hit me.
And more importantly, how can this issue be fixed in developerWorks and other IBM web applications? Is the rich editor to blame or should the server be doing some fancy search-and-replace like I wrote into my template?
P.S., I wrote this post with Firefox, just to mix things up. Apologies in advance if it looks weird! Next post will come from IE6, and then I'll use the three as test cases to find the best solution that I (as an end user) can come up with. (then I'll post about it, of course!)
When Blogging, Your Browser Matters