WordPress.org

1. jb84
   Member
   Posted 2 months ago #

   The right border of my code boxes do not show and it appears to be hidden behind some invisible div. I noticed this problem with the SyntaxHighlighter plugins as well, and I switched over to WP-Syntax because at least WP-Syntax correctly shows the horizontal scrollbars for me, even though the right border is still cut off.

   I have tried editing the wp-syntax.css a little bit but nothing has helped.

   An example of the problem can be seen here.

   And here's an image of the problem: http://imgur.com/XwpLN.png

   Thanks for any help! I thought this may be some kind of weird CSS issue with my theme but I switched to other themes and the problem still occurs...

2. jb84
   Member
   Posted 2 months ago #

   Okay, somehow I missed this last night. I fixed it. Here's how.

   Edit this code in the wp-syntax/wp-syntax.css file:

   /* IE FIX */
   .wp_syntax {
     overflow-x: auto;
     overflow-y: hidden;
     padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
     width: 100%;
   }

   I changed the width from 100% to 99% and it works now.

Reply

You must log in to post.