Position fixed im Iexplore 9
artnat
- browser
0 Matthias Apsel0 artnat0 Matthias Apsel0 artnat0 artnat
0 suit0 Gunnar Bittersmann
0 Gunnar Bittersmann
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?
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
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"" 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>
<a href="hauptseite.html">Hauptseite</a>
<a href="aktuelles.html">Aktuelles</a>
<a href="literatur.html">Literatur</a>
<a href="links.html">Links</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>
<a href="sitemap.html">Sitemap</a> </div>
<div class="text10fix">
<div id="358769">Besucherzähler Für Homepage <a
href="http://www.besucherzaehler-homepage.de">Besucherzähler
Für Homepage</a> Besucherzä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önlichkeit: Zur Geschichte der Persönlichkeit
in der Moderne</i></a>, München 1996, ISBN
3-446-18745-6<br>
<a href="kuehnel.html">Kü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ünchen 1995, ISBN
3-423-30556-8<br>
<a href="reuter.html">Reuter, Elisabeth, <i>Gehirn-Wäsche:
Macht und Willkür in der „systemischen Psychotherapie“
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ünchen
2010, ISBN 978-3-570-50116-0<br>
<a href="volbert.html">Volbert, Renate, <i>Beurteilung von
Aussagen über Traumata</i>,</a> Gö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 – 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, <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 & 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ä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ü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;}
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"" http-equiv="content-type">
charset "ISO-8859-1"" 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>
<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ür Homepage</a> Besucherzä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
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
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.htmlartnat
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
@@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'
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
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 ;)
@@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'
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
@@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"" http-equiv="content-type">
@http-equiv/@content und @charset ist Unsinn. Verwende erstes in HTML 4, letzteres in HTML5. [qa-html-encoding-declarations]
Das '"
' 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ähler Für Homepage
Umlaute nicht verstü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'