Misplaced dropdown menus workaround (Firefox)

A FCKeditor box enclosed within <DIV></DIV> whit absolute positioning style, shows its dropdown menus (font, size, ...) misplaced in Firefox.

After a couple of hours of trial and error I found out that <DIV></DIV> could be replaced by a table with a single cell/row, getting correct placing of dropdown menus in absolute positioning.

The test code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">

<html>

<head>
  <title></title>
  <script type="text/javascript" src="FCKeditor/fckeditor.js"></script>
</head>

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#EAEAEA">

<DIV style="position: absolute; top: 10px; left: 300px">
<H3>MISPLACED DROPDOWN LISTS WORKAROUND</H3>
</DIV>

<form name="prueba" action="<a href="http://" target="_blank">http://</a>" method="POST" target="prueba">

   <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 70px; left: 1px">
   <tr><td>
   <script type="text/javascript">
   <!--
   var oFCKeditor = new FCKeditor( 'texto2' ) ;
   oFCKeditor.BasePath = 'FCKeditor/';
   oFCKeditor.ToolbarSet = 'Arturo';
   oFCKeditor.Height   = '300' ;
   oFCKeditor.Width = '500';
   oFCKeditor.Value   = '';
   oFCKeditor.Create() ;
   //-->
   </script>
   </td></tr></table>

   <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 70px; left: 510px">
   <tr><td>
   <script type="text/javascript">
   <!--
   var oFCKeditor = new FCKeditor( 'texto1' ) ;
   oFCKeditor.BasePath = 'FCKeditor/';
   oFCKeditor.ToolbarSet = 'Arturo';
   oFCKeditor.Height   = '300' ;
   oFCKeditor.Width = '500';
   oFCKeditor.Value   = '';
   oFCKeditor.Create() ;
   //-->
   </script>
   </td></tr></table>

   <DIV style="position: absolute; left: 400px; top: 400px">
   <input type="submit" value="Send Text" name="enviar">
   <input type="reset" value="Reset" name="B1">
   </DIV>
</form>

</body>

</html>

Mon, 10/16/2006 - 13:49

fredck

Joined: 19/01/2007

Posts: 898

RE: Misplaced dropdown menus workaround (Fire

Version 2.3.2 should have fixed it... can you confirm?

Thanks for the message.

Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn