« gillet
ratcatchers »

blockquote bug

When I checked my blog at work today I noticed an oddity. One of the earlier posts contained a blockquoted paragraph. In Internet Explorer 6, the text within all subsequent paragraphs was displaced to the left by 7px - that is, by the same amount as the left-hand border width of the <blockquote>.

A bit of tinkering around revealed that setting a bottom border on the <blockquote> resolved the bug. So I’ve given all blockquote elements a white 1px wide bottom border. The content background is also white, so the bottom border is effectively invisible. But it serves to resolve the problem in IE.

If you want to see more about this bug, then I’ve documented a test case exemplifying the problem and workaround.

Posted on Friday, May 20th, 2005 at 18:56. Filed under Web Design

You can follow any responses to this entry through the RSS 2.0 feed.

You can skip to the end and leave a response. Pinging is currently not allowed.

There are 2 responses to “blockquote bug”:

  1. David says:

    Sounds like you’ve rediscovered the fix to the Magik Creeping Text bug, which affects any block-level element, not just blockquotes. It had me scratching my head for a while when I was completing one of my own designs last year.

    David spoke at 07:54 UTC on May 21st, 2005 link

  2. Richard says:

    I think you could be right.

    Richard spoke at 15:30 UTC on May 21st, 2005 link

Leave a Reply