Mission Data Blog » css http://www.missiondata.com/blog Louisville-based Web Development & Software Engineering Tue, 18 May 2010 14:24:23 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 IE ‘Code’ bug http://www.missiondata.com/blog/web-development/14/ie-code-bug/ http://www.missiondata.com/blog/web-development/14/ie-code-bug/#comments Thu, 16 Feb 2006 15:39:52 +0000 steveny http://blogs.missiondata.com/?p=14 We had a problem with how code was being displayed on the blog. IE wasn’t respecting the width of the code block and it was throwing the entire layout off.

Here is how I fixed it:

pre code {
 padding: 5px;
 display: block;
 overflow: auto;
/*I had to add this so ie wouldn't put scrollbars both ways.  Seems to be ignored by firefox*/
 overflow-y: visible;
/*I had to add this for ie to respect the width.  I don't know why it didn't respect its container's width*/
 width: 450px;
}
]]> http://www.missiondata.com/blog/web-development/14/ie-code-bug/feed/ 0