tjorben: display:none im IE in Kombination mit contenteditable

Hallo!

Ich versuche gerade eine Art Editor mit HTML zu realisieren. Das editieren des Inhaltes eines divs ist mit contenteditable ja schnell geschafft. Nun soll das div aber auch Bereiche beinhalten die (später mit javascript) ein und ausgeblendet werden können. Theoretisch auch einfach mit display:none zu realisieren. Klappt auch mal wieder in allen Browsern auser dem IE (zumindest Version 7 hat Probleme). Der IE zwiegt "Ich soll nicht angezeigt werden" an. Entfernt man contenteditable="true" verschwindet es wie gewollt.

  
<div contenteditable="true">  
            Editier mich !  
            <div style="display:none">  
            Ich soll nicht angezeigt werden  
            </div>  
</div>  

Kennt jemand einen Workaround wie ich beides in Kombination auch mit dem IE nutzen kann?

Danke

  1. Om nah hoo pez nyeetz, tjorben!

    Kennt jemand einen Workaround wie ich beides in Kombination auch mit dem IE nutzen kann?

    Hast du schon den Workaround "gültiger Doctype verhindert Quirksmodus" versucht?

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
    1. Ich habe nun jeden Doctype aus http://www.w3schools.com/tags/tag_DOCTYPE.asp und den HTML5 Doctype versucht, aber keiner änderte das Ergebnis

      1. Om nah hoo pez nyeetz, tjorben!

        warum ich frage: Der Code

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        <html lang="de">
        <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Titel</title>
        </head>
        <body>
        
        
        <div contenteditable="true">
          Editier mich !
          <div style="display:none">
            Ich soll nicht angezeigt werden
          </div>
        </div>
        
        </body>
        </html>
        

        ,

        der mit html5-Doctype sogar valide ist, führt im IE8 und IE9 mit jeweils beiden Doctypes zur gewünschten Ausgabe.

        Deshalb meine Vermutung Quirksmode. Der fehlende/falsche Doctype ist häufig der Auslöser.

        IE7 sollte irrelevant sein. Dieser Code wird da auch nicht funktionieren, da er kein HTML5 kann und contenteditable kein gültiges HTML 4.01 ist.

        Matthias

        --
        1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
        1. Mit Doktype und Upgrate zu IE 8 funktioniert es.

          Danke für die Antworten