¿Por DIV cambia cuando el foco () se invoca en el controlador de eventos onBeforeDeactivate?

StackOverflow https://stackoverflow.com/questions/742975

Pregunta

Me encontré con un problema de cableado para una página web en Internet Explorer 7/8. La página configurada para ser dir = "RTL" . Y divRow se hace muy grande Ancho con el fin de su div que contiene no envolver.

Haga clic en el área de edición, escriba algunas palabras, a continuación, haga clic en el texto "Hola mundo". La voluntad trazado se vuelve a ser un poco incómodo, ya que el desplazamiento y la anchura del div con divRow clase cambiado.

Supongo que esto es un error de Internet Explorer 7/8. ¿Hay alguna manera de solucionar esto?

Básicamente, divRow debe tener su contenido no div envolver. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <style>
    div 
    {
      border: 1px;
      border-color: black;
    }

    .divRow
    {
      /* this is to make its containing div not to wrap */
      min-width: 2000px; 
    }

    div.divEditor
    {
      width: 100%;
    }

    iframe
    {
      height: 100%;
      width: 100%;
    }
  </style>
  <script>
    function $(id)
    {
      return document.getElementById(id);
    }

    function focusToRight()
    {
      var elem = $("innerDiv1");

      function fcs()
      {
        elem.focus();
      }
      setTimeout(fcs, 1);

    }
  </script>
  </head>
  <body dir="rtl">
    <div>
    <div id='main' 
      style="overflow: hidden; position: relative; width=100%">
      <div class="divRow" id="firstRow">
        <div style='float:right' id='innerDiv1'>
          Hello world.
        </div>
        <div style='float:right' id='innerDiv2'>
          This is to make it is very very very very very very very very  
          very very very very very very very very long
        </div>
      </div>
      <div class="divEditor">
        <iframe id="editorIFrame" onbeforedeactivate="focusToRight();" 
          src="about:blank"></iframe>
      </div>
    </div>

    </div>
    <script>
      //document.getElementById('main').style.width='40px';
      //$("editorIFrame").document.designMode = "on";
      document.frames["editorIFrame"].document.designMode = "On";
    </script>
  </body>
</html>
¿Fue útil?

Solución

deshacerse de las min-width:. 2000px condición completamente

La forma de detener un div que contiene de envolver, o colapso, es insertar un div vacío con style = "clear: right" justo antes del final de la misma. Este nuevo div todavía está dentro del div que contiene, pero debe aclarar, es decir ir más adelante, los flotadores, por lo que se extiende la altura vertical de la div.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top