WordPress.org

1. slaughters
   Member
   Posted 5 years ago #
   

   I have a side menu which I position using the CSS float:right property to make it stay on the right side of a containing DIV

   In that same DIV I am using SyntaxHighlighter to display some source code.

   Unfortunately it looks like SyntaxHighlighter calculates the wrong width. It ignores the width of the menu floating on the right, it acts as if it is not there and tries to occupy 100% of the DIV width.

   In Firefox this results in the SyntaxHighlighter code overlaying the right side menu.

   In IE7 this results in the SyntaxHighlighter code to be pushed down the page to start below the bottom of the menu leaving a big chunk of white space on the page.

   Here's a link so you can see the problem. I'll leave the page like this for a bit so you can see the problem. Otherwise I'll just switch to using the <PRE&rt; tag with a formatted background image.

   LINK: http://stansight.com/WordPress/2007/10/17/tooltips-for-forms/

2. Alex Mills (Viper007Bond)
   Moderator
   Posted 5 years ago #
   

   Looks like you fixed your theme 'cause it's working fine for me now. :)

3. slaughters
   Member
   Posted 5 years ago #
   

   Yes - I had to remove a width 99% from an item in a the SyntaxHighlighter css class file that came with the pluggin.

4. slaughters
   Member
   Posted 5 years ago #
   

   Forgot to add this.

   Here's a cross link to a post where I talked about the specific changes I made:
   http://wordpress.org/support/topic/140269?replies=5

Topic Closed

This topic has been closed to new replies.