News|Movies|BD & DVD|Writings|Other

Thursday, June 4, 2009

Opera bug

2:29 PM / Web / 2 Comments

I've come across a strange bug in the Opera browser (version 9.64 to be specific) relating to the rendering of this site's "blockquote" element. It's supposed to have a solid 1px border around it, using the following CSS code:

blockquote {
	border: #646465 1px solid;
	background: url('images/quotey.gif') no-repeat;
	width: 560px;
}

This shows up fine in Firefox, Safari and even the dreaded Internet Explorer. In Opera, however, the bottom of the border, below around 60 pixels, disappears completely whenever I scroll the browser window. Hitting "refresh" brings the border back, but as soon as I scroll again - bingo! - its disappears. For instance, go to my recent post on Starcraft II in Opera, scroll down so that the quotation is no longer visible, then scroll back up.

I've had a good look around the rest of the site, and as far as I can tell this doesn't affect any of my other borders - only the one associated with the "blockquote" element. Can any CSS experts shed some light on this irritation? I'm assuming it's a straightforward rendering bug, and as such there's not much I can do about it at my end, but I'd appreciate some confirmation on this.

Updated Thursday, June 4, 2009 at 08:05 PM: I completely restyled my blockquotes this evening, and yet they continue to misbehave in Opera. This time, the border remains intact but the "smart quote" at the top left appears and disappears!

2 Comments

 
To combat spam, commenting is automatically disabled on entries older than 30 days.

Did a comment you tried to post accidentally get eaten by the spam filter? It happens from time to time. I get upwards of 200 spam comments every day and unfortunatley don't have the time to weed through all of them in case something genuine ended up there by mistake. If one of your posts gets incorrectly flagged as spam, email me at whiggles[at]ntlworld[dot]com and I'll do my best to retrieve it.