Categories
linux webdev

Abomini necessari… IE su Fedora Core 5

Internet Explorer e Fedora 5 Siccome tra gli 80 circa smanettoni presenti nella mia contact list di Gaim sono ben pochi quelli che hanno Windows, ed ancora meno quelli che usano IE, mi diventa problematico quando bisogna testare layout, javascript e “cose” web oriented su più piattaforme. Pertanto oggi mi sono deciso ed ho installato IE 6 e IE 5.2 sulla mia linux box.

L’operazione, almeno su Fedora, è di una semplicità disarmante.
yum install wine cabextract
poi si va su ies4linux, si scarica il pacchetto e si esegue lo script.

Questo provvederà ad installare IE 6 con flash 9, e su richiesta IE 5.2 ed IE 5.0.1, ed a creare le relative icone sul desktop.

ciuz

Categories
tecnologia

ie6 css crash

mi hanno fatto notare questo interessante bug di internet explorer 6

Hi,
the following HTML/JS/CSS-Code crashes IE6 immediately through a
combination of:
1. textarea in table in div
2. css:overflow-y:hidden
3. changing the scrollbar-base-color
4. moving the div

I think IE tries to move the native OS-scrollbar-widget, which is not in
place.

If point 3 is removed, the page works fine.

il codice incriminato è il seguente:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>CRASH-IE</title>
    <style type="text/css">
      html, body {
      overflow-y: hidden;
      scrollbar-base-color: '#330066';
      }
      
      .crash {
      position:absolute;
      left:200px;
      top:200px;
      width:200px;
      }

    </style>
    <script type="text/javascript">
function galgenfrist() {
      window.setTimeout('crashIE();',1000);
    }

function crashIE() {
    var moveNode = document.getElementById("move");
    if(moveNode) {
        moveNode.style.top = "100px";
        moveNode.style.left = "200px";
    }
}
    </script>
  </head>
  <body onload="galgenfrist();">
    <h1>CRASH-IE</h1>
    <div id="move" class="crash">
      <table>
        <tbody>
          <tr>
            <td>
              <textarea></textarea>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>