weird display problem - large blank space at top of editor

Last post 09-06-2007, 10:19 AM by Adam. 5 replies.
Sort Posts: Previous Next
  •  08-29-2007, 9:12 AM 33025

    weird display problem - large blank space at top of editor

     
    I'm having a weird display problem which seems to happen intermitently and will fix itself when i go into html mode and then back to normal mode but if i hover the main editor area it reoccurs. within the editor area a large area of empty space appears above the editable content area. Just wondered if this had ever been seen before?
     
    :
     
     
  •  08-29-2007, 9:23 AM 33028 in reply to 33025

    Re: weird display problem - large blank space at top of editor

    ScottWorksunit,
     
    Please post the css file used by the above page.
     
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  08-30-2007, 9:18 AM 33090 in reply to 33028

    Re: weird display problem - large blank space at top of editor

    Here it is:
    screen.zip
    - contains screen.css stylesheet 
     
    or:
     
    BODY
    {
     background-color:#B5B5B5;
     font-family : verdana, arial, helvetica;
     font-size : 9px;
     color : #666;
    }

    TD, P
    {
     font-family : verdana, arial, helvetica;
     font-size : 9px;
     color : #666;
    }

    .FormRow
    {
     font-family : verdana, arial, helvetica;
     font-size : 9px;
     color : #666;
     height : 18px;
    }

    b
    {
     font-weight:bold;
     color:#0977B6;
    }

    a
    {
     color:#0977B6;
     text-decoration:none;
    }

    a.ClientList
    {
     color:#666;
     text-decoration:none;
     font-size:10px;
    }

    a:hover.ClientList
    {
     color:#0977B6;
     text-decoration:none;
     font-size:12px;

    a.AddNewEnq
    {
     color: #0977B6;
     text-decoration: none;
    }

    a:hover.AddNewEnq
    {
     color: mediumblue;
     text-decoration: none;


    a.navigation
    {
     color:#666;
     text-decoration:none;
    }

    a:hover.navigation
    {
     color:#0977B6;
     text-decoration:none;

    h1
    {
     font-family : arial, verdana, helvetica;
     font-size : 16px;
     color : #666;

    .longselect
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 180px;
    }

    .textbox
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 180px;
       
    }
    .textboxv
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 120px;
       
    }

    .smalldate
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 90px;
      
    }
    .date
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 160px;
      
    }

    .day
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 40px;
      
    }
    .month
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 40px;
      
    }
    .year
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 60px;
      
    }

    .dayTailored
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        width : 20px;
      
    }
    .monthTailored
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        width : 20px;
      
    }
    .yearTailored
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        width : 40px;
      
    }

    .txtBoxTailored
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
    }

    .phone
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 50%;
       
    }
    .package
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 100%;
      
    }
    .notes
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 496px;
    }
    .notestext
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 100%;
    }
    .short
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 90px;
       
    }
    .shortSelect
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
        width : 90px;
    }

    .homeworker
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 10px;
        border : solid 3px #D7E9F3;
     
    }

    .formButton
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 11px;
        border : solid 3px #D7E9F3;
        background:#0977B6;
        color:#FFF;
        font-weight:bold;
        width:80px;
    }
    .formButtonx2
    {
        font-family: Verdana, Arial, Sans-Serif  ;
        font-size: 11px;
        border : solid 3px #D7E9F3;
        background:#0977B6;
        color:#FFF;
        font-weight:bold;
        width:160px;
    }

    .tbl
    {
     border-right: black 1px solid;
     border-top: black 1px solid;
     font-size: 11px;
     border-left: black 1px solid;
     border-bottom: black 1px solid;
     font-family: Verdana, Arial, Sans-Serif;
    }
    /*////////  New release & staghen seperate column styles    ////*/
    .newReleaseColumn a, .newReleaseColumn a:link, .newReleaseColumn a:visited
    {
        display:block;
        width:280px;
        padding-bottom:8px;
        float:left;
        clear:left;
    }
    .newStagHenColumn a, .newStagHenColumn a:link, .newStagHenColumn a:visited
    {
        color:#afbd21;       
        width:280px;
        display:block;
        padding-bottom:8px;
        float:left;
        clear:left;
    }

     

  •  08-30-2007, 3:02 PM 33114 in reply to 33090

    Re: weird display problem - large blank space at top of editor

    Scott,
     
    This style sheet works perfectly here.
     
    Can you create a simple example asp page showing the problem and send it to me?
     
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  09-06-2007, 3:29 AM 33293 in reply to 33114

    Re: weird display problem - large blank space at top of editor

    Hi,
     
    ok, i've spent some more time looking into this and discovered that the problem seems to lie within the content the client was entering in using the editor. Using content i created myself i can avoid the bug. However, when i paste their content in to your new demo editor on the site the same problem does not occur. Perhaps its a bug that got fixed in the latest version release? I've looked through their code and although a little messy i cant see any reason why it would cause this strange bug. Here is a copy of the content they created using the editor: /forum_uploads/HTMLPage1.zip 
     
    When i paste it into the editor window as html then switch to preview i get the bug.
     
    Perhaps my version of the cuteeditor has been corrupted somewhere along the line?
     
     
  •  09-06-2007, 10:19 AM 33307 in reply to 33293

    Re: weird display problem - large blank space at top of editor

    Scott,
     
    Please download the control again.
     
    The URL is included in the delivery email.
     
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

View as RSS news feed in XML