Dropdown menu offset problem?

Last post 03-02-2009, 9:41 PM by Kenneth. 3 replies.
Sort Posts: Previous Next
  •  03-01-2009, 9:47 PM 49371

    Dropdown menu offset problem?

    I found a glitch in Ie7 which displays the dropdown menus by a huge offset in my 24 inch monitor. For instance, the font size dropdown, look in the picture how it is positioned to the left side. In Firefox it works normally. Playing around I discovered that this problem is caused by it's absolute positioning which I found under the cuteEditorimplementation.js.
     
    Just look for line:
    "display:none;z-index:88888888;font-family:arial;position:absolute;background-color:white;border:1px solid;overflow:auto;overflow-x:visible;overflow-y:auto;font-size:12px;padding:2px;","Min_Height","Max_Height","Tree_Min_Height","BorderColorOver","DarkBlue","BorderColor","White","CheckRemoved","CloseDiv","dispose","FillListItems","FillTreeItems","GetText"
     

     
    I need to find a solution for this as quickly as possible.
    Thanks
     
    Rod
  •  03-01-2009, 10:09 PM 49372 in reply to 49371

    Re: Dropdown menu offset problem?

    Never mind, I just found a fix. I added a position:relative to my body tag.  I haven't tested in Opera but it seems to be good now on Ie 7.0 and Firefox 3.0. I just don't know how to explain...
     
    BODY
    {
        position:relative;
        margin: 0px auto;
        width: 900px;
        color: #999999;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        background-color: #666;
    }


    Rod
  •  03-02-2009, 10:40 AM 49396 in reply to 49372

    Re: Dropdown menu offset problem?

    Now on IE I get the dropdown a little bit offset vertically. Any way to fix it?
     
  •  03-02-2009, 9:41 PM 49414 in reply to 49396

    Re: Dropdown menu offset problem?

    Hi rodusa,
     
    Please tyr this way:
     
    1. Open file 'Common.config'(root\CuteSoft_Client\CuteEditor\Configuration\Shared\Common.config)
     
    2. local to:
     
    <FormatBlock>
          <item text="[[DIV]]" value="&lt;DIV&gt;">
            <html><![CDATA[[[DIV]]]]></html>
          </item>
          <item text="[[Normal]]" value="&lt;P&gt;">
            <html><![CDATA[[[Normal]]]]></html>
          </item>
          <item text="[[Heading 1]]" value="&lt;H1&gt;">
            <html><![CDATA[<b style='font-size:24pt'>[[Heading 1]]</b>]]></html>
          </item>
          <item text="[[Heading 2]]" value="&lt;H2&gt;">
            <html><![CDATA[<b style='font-size:18pt'>[[Heading 2]]</b>]]></html>
          </item>
          <item text="[[Heading 3]]" value="&lt;H3&gt;">
            <html><![CDATA[<b style='font-size:15pt'>[[Heading 3]]</b>]]></html>
          </item>
          <item text="[[Heading 4]]" value="&lt;H4&gt;">
            <html><![CDATA[<b style='font-size:12pt'>[[Heading 4]]</b>]]></html>
          </item>
          <item text="[[Heading 5]]" value="&lt;H5&gt;">
            <html><![CDATA[<b style='font-size:9pt'>[[Heading 5]]</b>]]></html>
          </item>
          <item text="[[Heading 6]]" value="&lt;H6&gt;">
            <html><![CDATA[<b style='font-size:7pt'>[[Heading 6]]</b>]]></html>
          </item>
          <item text="[[Address]]" value="&lt;Address&gt;">
            <html><![CDATA[[[Address]]]]></html>
          </item>
          <item text="[[MenuList]]" value="&lt;MENU&gt;">
            <html><![CDATA[[[MenuList]]]]></html>
          </item>
          <item text="[[Formatted]]" value="&lt;PRE&gt;">
            <html><![CDATA[[[Formatted]]]]></html>
          </item>
          <item text="[[Definition Term]]" value="&lt;DT&gt;">
            <html><![CDATA[[[Definition Term]]]]></html>
          </item>
     </FormatBlock>
     
    3. Clean all styles of the options, like below:
     
    <FormatBlock>
          <item text="[[DIV]]" value="&lt;DIV&gt;">
            <html><![CDATA[[[DIV]]]]></html>
          </item>
          <item text="[[Normal]]" value="&lt;P&gt;">
            <html><![CDATA[[[Normal]]]]></html>
          </item>
          <item text="[[Heading 1]]" value="&lt;H1&gt;">
            <html><![CDATA[[[Heading 1]]]></html>
          </item>
          <item text="[[Heading 2]]" value="&lt;H2&gt;">
            <html><![CDATA[[[Heading 2]]]]></html>
          </item>
          <item text="[[Heading 3]]" value="&lt;H3&gt;">
            <html><![CDATA[[[Heading 3]]]]></html>
          </item>
          <item text="[[Heading 4]]" value="&lt;H4&gt;">
            <html><![CDATA[[[Heading 4]]]]></html>
          </item>
          <item text="[[Heading 5]]" value="&lt;H5&gt;">
            <html><![CDATA[[[Heading 5]]]]></html>
          </item>
          <item text="[[Heading 6]]" value="&lt;H6&gt;">
            <html><![CDATA[[[Heading 6]]]]></html>
          </item>
          <item text="[[Address]]" value="&lt;Address&gt;">
            <html><![CDATA[[[Address]]]]></html>
          </item>
          <item text="[[MenuList]]" value="&lt;MENU&gt;">
            <html><![CDATA[[[MenuList]]]]></html>
          </item>
          <item text="[[Formatted]]" value="&lt;PRE&gt;">
            <html><![CDATA[[[Formatted]]]]></html>
          </item>
          <item text="[[Definition Term]]" value="&lt;DT&gt;">
            <html><![CDATA[[[Definition Term]]]]></html>
          </item>
        </FormatBlock>
     
    4. Or you can set the size you want.
     
     
     
    Regards,
     
    Ken
     
     
     
     
View as RSS news feed in XML