artnat: Position fixed im Iexplore 9

Dass der css-Style position:fixed im Internet Explorer bis 6 nicht funktionierte, ist mir bekannt. Weine Website enthält zwei solcher Blöcke. In allen Browsern geht sie einwandfrei, aber auf Iexplore 9 werden die fixierten Bereiche nicht richtig gezeigt. Weiß jemand dazu was?

  1. Om nah hoo pez nyeetz, artnat!

    Auch der IE9 beherrscht position:fixed. Nachdem du keine Fehlerbeschreibung lieferst, lässt sich lediglich sagen: Du machst was falsch.

    Matthias

    --
    1/z ist kein Blatt Papier.

    1. Du machst was falsch.

      Matthias

      Das ist beruhigend zu hören. Ich werde jetzt den HTML-Code und den code des angzogenen Stylesheets hier kopieren. Vielleicht findest Du heraus, was ich falsch mache.

      Der HTML-Code:

      
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:fb="http://www.facebook.com/2008/fbml">
        <head>
          <meta content="text/html; charset=ISO-8859-1"
            charset="ISO-8859-1&quot;" http-equiv="content-type">
          <title>Literatur</title>
          <link rel="stylesheet" href="fm.css" type="text/css">
        </head>
        <body class="bodstyle" alink="#fc6001" link="#990000" vlink="#883388">
          <div class="kopffeld"> <img class="kopfimage" src="titelzeile.jpg"
              alt="titelzeile"> </div>
          <div class="navi"> <a href="index.html">Home</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="hauptseite.html">Hauptseite</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="aktuelles.html">Aktuelles</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="literatur.html">Literatur</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="links.html">Links</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="kontakt.html">Kontakt</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="impressum.html">Impressum</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="sitemap.html">Sitemap</a> </div>
          <div class="text10fix">
            <div id="358769">Besucherz&auml;hler F&uuml;r Homepage <a
                href="http://www.besucherzaehler-homepage.de">Besucherz&auml;hler
      
      
      
      
                F&uuml;r Homepage</a> Besucherz&auml;hler Internet</div>
            <script type="text/javascript" language="JavaScript" src="counter_js.php"></script></div>
          <div class="textfeld">
            <div class="text18bold">Literatur zu falschen Erinnerungen:</div>
            <div style="margin-left: 40px;" class="text14"> (um eine
              Kurzbesprechung zu lesen, klicken Sie auf den jeweiligen Titel)
            </div>
            <br>
            <div class="text16bold">Psychologische Grundlagen:</div>
            <div style="margin-left: 40px;" class="text14"> <a
                href="myers.html">Myers, David G., <i>Psychologie</i></a>,
              Berlin 2008, ISBN 978-3-540-79032-7 </div>
            <br>
            <div class="text16bold">Deutschsprachige Literatur:</div>
            <div style="margin-left: 40px;" class="text14_20"> <a
                href="crombag.html">Crombag, Hans F.M und Merckelbach, Harald
                . G., <i>Missbrauch vergisst man nicht</i>,</a> Berlin 1997,
              ISBN 3-333-01003-8<br>
              <a href="delfs.html">Delfs, Hans, <i>Falsche Erinnerungen an
                  sexuellen Missbrauch</i>,</a> Magdeburg 2013, ISBN
              978-3-88074-394-6<br>
              <a href="hacking.html">Hacking, Ian, <i>Multiple
                  Pers&ouml;nlichkeit: Zur Geschichte der Pers&ouml;nlichkeit
                  in der Moderne</i></a>, M&uuml;nchen 1996, ISBN
              3-446-18745-6<br>
              <a href="kuehnel.html">K&uuml;hnel, Sina und Markowitsch, Hans
                J., <i>Falsche Erinnerungen</i></a>, Heidelberg, 2009<br>
              <a href="loftus.html">Loftus, Elizabeth und Ketcham, Katherine,
                <i>Die therapierte Erinnerung</i></a>, Hamburg 1995, ISBN
              3-404-60443-1<br>
              <a href="ofshe.html">Ofshe, Richard und Watters, Ethan, <i>Die
                  missbrauchte Erinnerung</i></a>, M&uuml;nchen 1995, ISBN
              3-423-30556-8<br>
              <a href="reuter.html">Reuter, Elisabeth, <i>Gehirn-W&auml;sche:
                  Macht und Willk&uuml;r in der &#8222;systemischen Psychotherapie&#8220;
                  nach Bert Hellinger</i></a>, Berlin 2005, ISBN 3-925931-40-6<br>
              <a href="tavris.html">Tavris, Carol und Aronson, Elliot, <i>Ich
                  habe recht, auch wenn ich mich irre</i>,</a> M&uuml;nchen
              2010, ISBN 978-3-570-50116-0<br>
              <a href="volbert.html">Volbert, Renate, <i>Beurteilung von
                  Aussagen &uuml;ber Traumata</i>,</a> G&ouml;ttingen 2004,
              ISBN 3-456-84085-3<br>
              <a href="yapko.html">Yapko, Michael D., <i>Fehldiagnose:
                  Sexueller Missbrauch</i></a>, Ulm, 1996, ISBN 3-426-84089-8<br>
            </div>
            <br>
            <div class="text16bold">Englische Literatur:</div>
            <div style="margin-left: 40px;" class="text14_20"> <a
                href="acocella.html">Acocella, Joan, <i>Creating Hysteria:
                  Women and Multiple Personality Disorde</i>r</a>, Hoboken NJ,
              1999, ISBN 978-0-7879-4794-1<br>
              <a href="axelrad.html">Axelrad, Brigitte, <i>The Ravages of
                  False Memories &#8211; or Manipulated Memory</i></a>, Bradford on
              Avon 2011, ISBN 978-0-9555184-2-3<br>
              <a href="brand1.html">Brand, Norman (Hrsg.), <i>Fractured
                  Families</i></a>, Bradford on Avon 2007, ISBN
              978-0-9555184-0-9<br>
              <a href="brand2.html">Brand, Norman et al., <i>Miscarriage of
                  Memory</i></a>, Bradford on Avon 2010, ISBN
              978-0-9555184-1-6<br>
              <a href="clancy.html">Clancy, Susan A., <i>The Trauma Myth</i></a>,
              New York 2009, ISBN 978-0-465-01688-4<br>
              <a href="maran.html">Maran, Meredith,&nbsp; <i>My Lie: A True
                  Story of False Memory</i></a>, Hoboken NJ 2010, ISBN:
              978-0-470-50214-3<br>
              <a href="mchugh.html">McHugh, Paul R. <i>Try to Remember</i></a>,
              New York 2008, ISBN 978-1-932594-39-3<br>
              <a href="mcnally.html">McNally, Richard J., Remembering Trauma</a>,
              Cambridge (Mass.) 2005, ISBN 0-674-01082-8<br>
              <a href="pendergrast.html">Pendergrast, Mark, <i>Victims of
                  Memory: Sex Abuse Accusations and Shattered Lives</i></a>,
              Hinesburg VT 1996, ISBN 0-942679-18-0<br>
              <a href="pope.html">Pope, Harrison G., <i>Psychology Astray:
                  Fallacies in Studies of "Repressed Memory" and Childhood
                  Trauma</i></a>, Boca Raton FL 1997, ISBN 0-89777-149-4<br>
              <a href="sabbagh.html">Sabbagh, Karl, <i>Remembering our
                  Childhood</i></a>, Oxford 2009, ISBN 978-0-19-921840-0<br>
              <a href="schacter.html">Schacter, Daniel, <i>Searching for
                  Memory: The Brain, The Mind, and The Past</i></a>, New York
              1997, ISBN 0-465-07552-5<br>
              <a href="simpson.html">Simpson, Paul, <i>Second Thoughts:
                  Understanding False Memory Crisis and How It Could Affect
                  You</i></a>, Nashville TN 1997, ISBN 0-7852-7418-9<br>
              <a href="spanos.html">Spanos, Nicholas P., <i>Multiple
                  Identities &amp; False Memories: A Sociocognitive
                  Perspective</i></a>, Washington 1996, ISBN:
              978-1-55798-893-5.<br>
              <a href="van%20til.html">Van Til, Reinder, <i>Lost Daughters:
                  Recovered Memory Therapy and the People It Hurts</i></a>,
              Grand Rapids 1997, ISBN 978-0-8028-4272-5 </div>
            <br>
            <div class="text16bold">Gef&auml;hrliche Selbsthilfe-Literatur:</div>
            <div style="margin-left: 40px;" class="text14_20"><a
                href="bass.html">Bass, Ellen, und Davis, Laura, <i>Trotz
                  Allem: Wege zur Selbstheilung f&uuml;r Frauen, die sexuelle
                  Gewalt erfahren haben</i></a>, Berlin 1990<br>
            </div>
            <br>
            <br>
            <br>
          </div>
        </body>
      </html>
      
      

      Das stylesheet fm.css:

      
      .text18bold { font-family: Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; font-weight: bold; text-align: left; }
      .werist { font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-align: right; margin-bottom: 20px; margin-right: 20px; }
      .weiter { font-size: 16px; font-weight: bold; width: 140px; text-align: left; margin-left: 20px; margin-right: 40px; font-family: Arial,Helvetica,sans-serif; }
      .td605 { width: 605px; min-width: 605px; }
      .td110 { width: 110px; min-width: 110px; }
      .td0 {  }
      .inhalt { position: absolute; left: 30px; top: 170px; margin-right:30px; }
      .text10 { font-family: Arial,Helvetica,sans-serif; font-size: 10px;}
      .text10fix { font-family: Arial,Helvetica,sans-serif; font-size: 10px; position:fixed; top:0px; z-index:0; }
      .text10center { font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-align:center; }
      .text12{ font-family: Arial,Helvetica,sans-serif; font-size: 12px;}
      .text12_60{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left:60px;}
      .text12_180{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left:180px;}
      .text12_120{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left:120px;}
      .text14{ font-family: Arial,Helvetica,sans-serif; font-size: 14px;}
      .text14_80{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin-left:80px;}
      .text14_160{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin-left:160px;}
      .text14_20{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height:20px;}
      .text14bold{ font-family: Arial,Helvetica,sans-serif; font-size: 14px;font-weight: bold;}
      .text16{ font-family: Arial,Helvetica,sans-serif; font-size: 16px;}
      .text16_25{ font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height:25px;}
      .text16italic{ font-family: Arial,Helvetica,sans-serif; font-size: 16px;font-style:italic;}
      .text16bolic{ font-family: Arial,Helvetica,sans-serif; font-size: 16px;font-style:italic;font-weight: bold;}
      .text16bold{font-family:Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold;}
      .text18{font-family: Arial,Helvetica,sans-serif; font-size:18px;}
      .text18italic{font-family: Arial,Helvetica,sans-serif; font-size:18px; font-style:italic;}
      .text18bold{font-family: Arial,Helvetica,sans-serif; font-size:18px; font-weight: bold;}
      .text18boldrechts {font-family: Arial,Helvetica,sans-serif; font-size:18px; font-weight: bold; text-align:right;}
      .text21{ font-family: Arial,Helvetica,sans-serif; font-size: 21px;}
      .text21bold{ font-family: Arial,Helvetica,sans-serif; font-size: 21px; font-weight: bold; }
      .text25{ font-family: Arial,Helvetica,sans-serif; font-size: 25px;}
      .bodstyle{background-color:#FCFFF0; color:#004080;}
      .kopffeld{margin:0pt; padding:0pt; position:fixed; top:0px; left:0px; width:100%; height:135px; background-color:#FFFFC0; text-align:center; z-index:1;}
      .kopfimage{width:720px; height:131px; margin-top: 5px; z-index:2; vertical-align:bottom;}
      .histoimage{height:441px; width:600px; horzontalt-align:center; vertical-align:bottom;}
      .navi{margin:0pt; padding-top:2pt; position:fixed; top:135px; left: 0px; width: 100%; height: 24px; font-family: Arial,Helvetica,sans-serif; font-size: 16px;text-align:center; background-color: #FFCC99; z-index:3;}
      .textfeld{position:absolute; left:30px; top:180px; margin-right:30px;}
      .homefeld {z-index:2; position:fixed; top:0px; width:100%; height:100%; background-color:#FFFFC0;}
      
      
      1. Om nah hoo pez nyeetz, artnat!

        Was mir sofort auffällt, aber nur möglicherweise mit deinem Problem zu tun hat:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:fb="http://www.facebook.com/2008/fbml">

        ???

        <meta content="text/html; charset=ISO-8859-1"
              charset="ISO-8859-1&quot;" http-equiv="content-type">

        charset "ISO-8859-1&quot;" ist falsch, verwende nach Möglichkeit utf-8. Vergiss nicht, die Dateien auch utf8-codiert zu speichern

        <body class="bodstyle" alink="#fc6001" link="#990000" vlink="#883388">

        Du verwendest missbilligte Attribute.

        <div class="kopffeld"> <img class="kopfimage" src="titelzeile.jpg"
                alt="titelzeile"> </div>
            <div class="navi"> <a href="index.html">Home</a>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="hauptseite.html">Hauptseite</a>

        Einrückungen mit CSS! margin oder padding

        <div id="358769">

        IDs dürfen nicht mit einer Ziffer beginnen.

        F&uuml;r Homepage</a> Besucherz&auml;hler Internet</div>

        Es ist nicht notwendig, die Umlaute zu verstümmeln. (Charset: utf-8)!

        <br>

        Abstände mit CSS!

        <div class="text16bold">Psychologische Grundlagen:</div>

        Benenne die Klassen nach Funktion, nicht nach Darstellung. etwa titel, autor, isbn

        <div style="margin-left: 40px;" class="text14_20">

        Verwende keine inline-style-Angaben

        .text10center { font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-align:center; }
        .text12{ font-family: Arial,Helvetica,sans-serif; font-size: 12px;}
        .text12_60{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left:60px;}
        .text12_180{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left:180px;}

        Weise immer wiederkehrende sich automatisch vererbende Eigenschaften einem Elternelement zu etwa body {font-family: Arial,Helvetica,sans-serif;}

        Ansonsten hab ich grad keine Lust, mir die Seite auch noch selbst zusammenzubauen. Bitte ein online-Beispiel.

        Prüfe auch, was der Validator sagt.

        Matthias

        --
        1/z ist kein Blatt Papier.

        1. Ansonsten hab ich grad keine Lust, mir die Seite auch noch selbst zusammenzubauen. Bitte ein online-Beispiel.

          Prüfe auch, was der Validator sagt.

          Matthias

          Danke, ich werde den Hinweisen nachgehen, aber ich sehe noch nichts darin, das speziell mein Problem betrifft.
          online kannst Du Dir die gleiche Seite ansehen unter:
          http://www.false-memory.de/literatur.html

          artnat

          1. Prüfe auch, was der Validator sagt.

            Matthias

            Danke, ich werde den Hinweisen nachgehen, aber ich sehe noch nichts darin, das speziell mein Problem betrifft.
            online kannst Du Dir die gleiche Seite ansehen unter:
            http://www.false-memory.de/literatur.html

            artnat

            Ich habe soeben einige Freunde kontaktiert, die in ihrem Internetexplorer meine Seite aufgerufen haben. Bei denen gibt es den Fehler nicht, bei denen wird es anscheinend richtig angezeigt.

            artnat

            1. @@artnat:

              nuqneH

              Ich habe soeben einige Freunde kontaktiert, die in ihrem Internetexplorer meine Seite aufgerufen haben. Bei denen gibt es den Fehler nicht, bei denen wird es anscheinend richtig angezeigt.

              Bist du sicher, dass dein IE 9 auch im IE-9-Modus läuft und nicht in einem Kompatibilitätsmodus?

              Qapla'

              --
              „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
              1. Bist du sicher, dass dein IE 9 auch im IE-9-Modus läuft und nicht in einem Kompatibilitätsmodus?

                Qapla'

                Ja, da bin ich sicher, habe es eben kontrolliert. Artnat

        2. Om nah hoo pez nyeetz, artnat!

          Was mir sofort auffällt, aber nur möglicherweise mit deinem Problem zu tun hat:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          <html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:fb="http://www.facebook.com/2008/fbml">

          ???

          https://developers.facebook.com/docs/reference/fbml/

          Den Mist gibts schon ein Zeiterl nicht mehr ;)

        3. @@Matthias Apsel:

          nuqneH

          IDs dürfen nicht mit einer Ziffer beginnen.

          In HTML5 dürfen sie.

          Es ist nicht notwendig, die Umlaute zu verstümmeln. (Charset: utf-8)!

          Nicht nur bei UTF-8. Es ist auch bei vielen Codierungen der ISO-8859-Familie nicht notwendig.

          Qapla'

          --
          „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
          1. Hallo,

            IDs dürfen nicht mit einer Ziffer beginnen.
            In HTML5 dürfen sie.

            d'accord, aber der gezeigte Code hat einen HTML-4.01-Doctype "für Quirksmode" - und dazu witzigerweise ein html-Element mit XML-Namespaces. So richtig passt das also alles nicht zusammen.

            Ciao,
             Martin

            --
            Lache, und die Welt wird mit dir lachen.
            Schnarche, und du schläfst allein.
            Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
      2. @@artnat:

        nuqneH

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:fb="http://www.facebook.com/2008/fbml">

        In HTML 4 gibt es keine Namenräume.

        Verwende HTML5.

        <meta content="text/html; charset=ISO-8859-1"
              charset="ISO-8859-1&quot;" http-equiv="content-type">

        @http-equiv/@content und @charset ist Unsinn. Verwende erstes in HTML 4, letzteres in HTML5. [qa-html-encoding-declarations]

        Das '&quot;' hinter 'ISO-8859-1' ist falsch.

        Vermeide unbrauchbare Zeichencodierungen wie ISO 8859-1, verwende möglichst UTF-8. [qa-changing-encoding]

        <body class="bodstyle" alink="#fc6001" link="#990000" vlink="#883388">

        Wie Matthias schon sagte: Mache alle Stilangaben mit CSS, nicht mit HTML-Attributen …

        <div style="margin-left: 40px;" class="text14">

        … im Stylesheet, nicht inline in @style-Attributen.

        <div id="358769">Besucherz&auml;hler F&uuml;r Homepage

        Umlaute nicht verst&uuml;mmeln. [qa-escapes]

        Besucherzähler? Ernsthaft? Wen interessiert das? Die Besucher? Wohl kaum. Dich? Dann werte deine Server-Logs aus, aber verschone die Besucher damit.

        <div class="kopffeld">

        Dafür gibt’s in HTML5 das header-Element.

        <div class="navi">

        Dafür gibt’s in HTML5 das nav-Element.

        Eine Navigation ist üblicherweise eine Liste. Also ein ul-Element (evtl. auch ol) mit li-Elementen.

        <div class="text18bold">Literatur zu falschen Erinnerungen:</div>

        Auch ein Literaturverzeichnis ist eine Liste …

        <div style="margin-left: 40px;" class="text14"> <a
                  href="myers.html">Myers, David G., <i>Psychologie</i></a>,
                Berlin 2008, ISBN 978-3-540-79032-7 </div>

        … das wäre ein Listenelemet li. Anstelle des i-Elements wäre das cite-Element sinnvoll.

        Das stylesheet fm.css:

        Oh je! Kommt das von irgendeinem Framework?

        Qapla'

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)