Typo and code formatting in IE

November 12, 2005 Link to post  Permalink

Lisa noticed that my blog sidebar was all screwed up. The problem is that my blog has code snippets using the typocode filter for Typo. The CSS to layout the code works great in Firefox, but doesn’t in IE.

I changed my azure theme CSS definition for the .typocode selector to have a width – 500 pixels works for this theme – and an overflow setting of auto to cause the scrollbars to show up. The existing CSS has a selector for .typocode pre that has overflow: auto, but this didn’t work for IE. Moving this up to the .typocode selector and adding the width is the key.