KILLHILL: Text wird im IE verschoben und doppelt angezeigt

Hi
Ich habe ein etwas seltsames Problem mit unserem lieben Freund dem IE (in dem Fall IE 6 SP2 mit allen aktuellen Bugfixes / andere IE Versionen noch nicht getestet).

Es geht um folgendes: auf einigen von mir erstellten Seite werden jeweils die letzten Buchstaben (das kann ich mit Sicherheit sagen) eines Textes doppelt und verschoben gezeigt. Entweder unterhalb des eigentlichen Textes, oder links neben dem Text Unterhalb der Sidebar-Navigation. In beiden Fällen steht der Text scheinbar außerhalb der Box, heißt diese verschiebt sich zumindest nicht offensichtlich in diesen Bereich (habe die Box anderes eingefärbt um es visuell zu überprüfen).

Bisher habe ich keinerlei Idee wie es dazu kommen kann.
Vielleicht kann mir ja von euch jemand helfen.

Ich füge hier beispielhaft ein paar Screenshots aus IE und Firefox ein um das Problem zu zeigen (Seite ist noch Lokal auf einem XAMPP der nicht ständig online ist) sowie den Quelltext und die die dazugehörigen CSS Dateien bei.

Ich weiß, dass ist ziemlich viel, aber vielleicht ist einer so nett und macht sich die Mühe mal drüber zu schauen. Ich weiß im Moment jedenfalls nicht so recht weiter.

Danke und Grüße
KILLHILL

Die Qullen kommen in den nachfolgenden Post, kann hier nicht so viel auf einmal eingeben.

Seite im IE:
http://www.directupload.net/show/d/565/np928KnQ.jpg

Seite im Firefox:
http://www.directupload.net/show/d/565/DA9VVwyN.jpg

  1. Quelltext ################################################################## <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>pur pur Kultur e.V. | Verein</title> <!--metadata and relations--> <meta http-equiv="Content-Language" content="de" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="copyright" content="pur pur Kultur e.V." /> <meta name="robots" content="index,follow" /> <meta name="MSSmartTagsPreventParsing" content="TRUE" /> <link rel="shortcut icon" href="http://killhill.dyndns.org/purpurkultur/media/images/default/favicon.ico" /> <link rel="bookmark" title="Zum Seitenanfang" href="#top" /> <link rel="start" title="Startseite von pur pur Kultur e.V." href="http://killhill.dyndns.org/purpurkultur" /> <link rel="up" title="Zur &Uuml;bersicht des aktuellen Bereichs springen" href="http://killhill.dyndns.org/purpurkultur/purpur.php" />

    <link rel="contents" title="Inhaltsverzeichnis" href="http://killhill.dyndns.org/purpurkultur/inhalt.php" /> <link rel="search" title="Diese Webseite duchsuchen" href="http://killhill.dyndns.org/purpurkultur/suche.php/" /> <link rel="copyright" title="Impressum" href="http://killhill.dyndns.org/purpurkultur/impressum.php" /> <link rel="author" title="Kontakt zu pur pur Kultur e.V." href="http://killhill.dyndns.org/purpurkultur/kontakt.php" /> <link rel="privacy" title="Datenschutzinformationen" href="http://killhill.dyndns.org/purpurkultur/impressum.php#datenschutz" /> <!--Stylesheets--> <link href="css/global.css" rel="stylesheet" type="text/css" /> <link href="css/purpur.css" rel="stylesheet" type="text/css" /> </head> <body> <a name="top" id="top"></a> <div id="root"> <!--navbar--> <div id="navSec02"> <div id="navbar"> <ul> <li>| <a class="nav01" href="index.php" title="Startseite [accesskey 1]" accesskey="1" target="_self">STARTSEITE</a></li>

    <li>| <a class="nav02" href="purpur.php" title="pur pur Kultur e.V. [accesskey 2]" accesskey="2" target="_self">PUR PUR</a></li> <li>| <a class="nav03" href="leistungen.php" title="Unsere Leistungen  [accesskey 3]" accesskey="3" target="_self">LEISTUNGEN</a></li> <li>| <a class="nav04" href="projekte.php" title="Unsere Projekte  [accesskey 4]" accesskey="4" target="_self">PROJEKTE</a></li> <li>| <a class="nav05" href="partner.php" title="Unsere Partner [accesskey 5]" accesskey="5" target="_self">PARTNER</a></li> <li>| <a class="nav06" href="presse.php" title="Infos f&uuml;r die Presse  [accesskey 6]" accesskey="6" target="_self">PRESSE</a></li> <li>| <a class="nav07" href="impressum.php" title="Impressum [accesskey 7]" accesskey="7" target="_self">IMPRESSUM</a></li>

    <li>| <a class="nav08" href="inhalt.php" title="Inhaltsverzeichnis [accesskey 8]" accesskey="8" target="_self">INHALT</a></li> </ul> </div> </div> <!--navbar end--> <!--nav help--> <ul class="hidden"> <li><a href="#navbar" accesskey="9" title="accesskey 9">Zur Navigation / Inhalt &uuml;berspringen</a></li> <li><a href="#content" accesskey="0" title="accesskey 0">Zum Inhalt / Navigation &uuml;berspringen</a></li> <li><a href="#sidebar" accesskey="s" title="accesskey 0">Zur Subnavigation / Inhalt und Navigation &uuml;berspringen</a></li>

    </ul> <!--nav help end--> <!--banner--> <div id="banner"><img src="media/images/default/banner_purpur.jpg" alt="" /></div> <!--banner end--> <!--main--> <div id="main"> <!--sidebar--> <div id="sidebar"> <h1>pur pur Kultur e.V.</h1> <h2>Der Verein</h2> <ul> <li><a href="/purpurkultur/purpur.php" title="&Uuml;bersicht" target="_self">&Uuml;bersicht</a></li> <li><a href="/purpurkultur/purpur.php?category=ueber" title="&Uuml;ber uns" target="_self">&Uuml;ber uns</a></li>

    <li><a href="/purpurkultur/purpur.php?category=philosophie" title="Unsere Philosophie" target="_self">Philosophie</a></li> <li><a href="/purpurkultur/purpur.php?category=historie" title="Was bisher geschar" target="_self">Historie</a></li> <li><a href="/purpurkultur/purpur.php?category=team" title="Unser Team" target="_self">Team</a></li> </ul> <!--service--> <h2>Service</h2> <ul> <li><a href="kontakt.php" title="Schreiben Sie uns" target="_self">Kontakt</a></li> <li><a href="callback.php" title="Wir rufen Sie zur&uuml;ck" target="_self">Callback</a></li> <li><a href="impressum.php" title="Impressum" target="_self">Impressum</a></li>

    </ul> <!--service end--> <!--pur pur--> <h2>pur pur</h2> <ul> <li><a href="purpur.php?category=mitglied-werden" title="Werden Sie Mitglied bei pur pur Kultur" target="_self">Mitglied werden</a></li> <li><a href="purpur.php?category=spenden" title="Spenden" target="_self">Spenden</a></li> </ul> <!--pur pur end--> </div> <!--sidebar end--> <!--content--> <div id="content"> <h1>keine Ueberschrift 1</h1>

    <h2>keine Ueberschrift 2</h2> kein text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <!--content end--> </div> <!--main end-->

    <!--footer--> <div id="footer"> <div id="validate"> <a href="http://validator.w3.org/check/referer" title="Diese Seite verwendet g&uuml;ltiges XHTML 1.0 Transitional" target="_blank">G&uuml;ltiges <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a>  | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://killhill.dyndns.org/purpurkultur/purpur.php" title="Diese Seite verwendet g&uuml;ltiges CSS" target="_blank">G&uuml;ltiges <abbr title="Cascading Style Sheets">CSS</abbr></a></div>

    <div id="anchor"><a href="#top" title="Zur&uuml;ck zum Seitenanfang" target="_self"># Seitenanfang</a></div> </div> <!--footer end--> <!--nav help--> <ul class="hidden"> <li><a href="#navbar" accesskey="9" title="accesskey 9">Zur Navigation / Inhalt &uuml;berspringen</a></li> <li><a href="#content" accesskey="0" title="accesskey 0">Zum Inhalt / Navigation &uuml;berspringen</a></li> <li><a href="#sidebar" accesskey="s" title="accesskey 0">Zur Subnavigation / Inhalt und Navigation &uuml;berspringen</a></li> </ul> <!--nav help end-->

    </div> </body> </html> ##################################################################

    CSS 1 (global.css) ################################################################## body {  background-color:#fff;  margin:0px 0px 0px 0px; }

    div#root {  background:url(http://localhost/purpurkultur/media/images/default/fauxColumn.gif) repeat-y 50% 0;  background-color:#fff;  margin:auto auto;  margin-top:10px;  margin-bottom:10px;  text-align:left;  padding-left:10px;  padding-right:10px;  width:670px;  z-index:-1000; }

    /* navbar */ div#navbar {         background-color:#fff;         color:#999999;         font-size:13px;  border-top:10px solid #fff;  border-bottom:10px solid #fff;         text-align:left;         width:670px; }

    html>body #navbar {  width:670px; }

    #navbar ul {  margin-left:0px;  margin-top:0px;  margin-bottom:0px;  padding:0px; }

    #navbar li {  display:inline;  padding-right:2px;  color:#999999;  font-size:13px;  font-weight:bold;  font-family:Arial, Helvetica, sans-serif; }

    #navbar a:link, #navbar a:visited {  color:#999999;  text-decoration:none; }

    #navbar a:hover {     color:#000;     text-decoration:none; }

    #navSec01 #navbar A.nav01, #navSec02 #navbar A.nav02, #navSec03 #navbar A.nav03, #navSec04 #navbar A.nav04, #navSec05 #navbar A.nav05, #navSec06 #navbar A.nav06, #navSec07 #navbar A.nav07, #navSec08 #navbar A.nav08 {     text-decoration:none;  color:#000;    }

    #errorNav #navbar A.nav01, #errorNav #navbar A.nav02, #errorNav #navbar A.nav03, #errorNav #navbar A.nav04, #errorNav #navbar A.nav05, #errorNav #navbar A.nav06, #errorNav #navbar A.nav07, #errorNav #navbar A.nav08 {     text-decoration:none;  color:#999999;    } /* navbar end */

    div#banner {  height:145px;  width:670px;  background-color:#F6F6F6; }

    #banner img {         border:none;  width:670px;  height:145px; }

    div#main {  padding-top:18px;  width:670px;  background-color:#F6F6F6; }

    /sidebar/ div#sidebar {  background-color:#F6F6F6;  width:200px;  float:left; }

    #sidebar h1 {  font-family:Arial, Helvetica, sans-serif;  font-size:20px;  font-weight:normal;  margin:2px;  margin-left:2px; }

    #sidebar h2 {  font-size:16px;  font-weight:normal;  margin-left:2px;  margin-top:25px;  margin-bottom:0px; }

    #sidebar ul {  margin:0px;  margin-left:2px;  padding-left:13px; }

    #sidebar li {  list-style-image:url(http://localhost/purpurkultur/media/images/default/arrow.gif); }

    #sidebar a:link, #sidebar a:visited {  color:#666666;  text-decoration:underline; }

    #sidebar a:hover {     color:#fff;     text-decoration:none; } /sidebar end/

    /content/ div#content {  padding-right:5px;  padding-bottom:5px;  color:#666666;  background-color:#F6F6F6;  width:465px;  float:right; }

    #content a:link, #content a:visited {  color:#666666;  text-decoration:underline; }

    #content a:hover {  color:#ffffff;         text-decoration:none; }

    #content h1 {  font-family:Arial, Helvetica, sans-serif;  font-size:20px;  font-weight:normal;  margin:0px; }

    #content h2 {  font-size:16px;  font-weight:normal;  margin:0px;  margin-top:25px; }

    #content h3 {  font-size:12px;  font-weight:normal;  margin:0px;  color:#999999;  margin-bottom:4px; }

    #content ul {

    }

    #content li {

    }

    .img_right {  float:right;  padding:2px;  margin-top:5px;  margin-left:10px;  border:1px solid #666;  background-color:#fff; }

    .img_left {  float:left;  padding:2px;  margin-top:5px;  margin-right:10px;  border:1px solid #666;  background-color:#fff; }

    /content end/

    /footer/ div#footer {  font-size:12px;  color:#999999;  background-color:#EEECE0;  width:670px;  height:19px;         border-top:15px solid #F6F6F6;  border-bottom:10px solid #fff;  padding-top:2px;         clear:both; }

    div#validate {  text-align:left;  padding-left:5px;  float:left; }

    div#anchor {  text-align:right;  padding-right:5px;  float:right; }

    #footer a:link, #footer a:visited {  color:#999999;  text-decoration:none; }

    #footer a:hover {  color:#666666;         text-decoration:none; }

    #anchor a:link, #anchor a:visited {  text-decoration:underline; }

    #anchor a:hover {         text-decoration:underline; } /footer end/

    /nav help/ .hidden {  display: none;  visibility: hidden; }

    /acronym/ acronym, abbr {         border-bottom-width: medium;         border-bottom-style: none;  border-bottom-width: 1px;         border-bottom-style: dashed;         border-bottom-color: #999999; }

    acronym, abbr, span.caps {         cursor: help;         font-size: 90%;         letter-spacing: 0.07em; } /acronym end/ ##################################################################

    CSS 2 (purpur.css) (da sich die Farben je nach Bereich ändern) ################################################################## div#root {  border:2px solid #ec1641; }

    #sidebar h1 {  color:#ec1641; }

    #sidebar h2 {  color:#ec1641; }

    #sidebar a:hover {  background-color:#ec1641; }

    #content h1 {  color:#ec1641; }

    #content h2 {  color:#ec1641; }

    #content a:hover {  background-color:#ec1641; } ################################################################

    1. Hi KILLHILL,

      Quelltext

      Bitte Quelltexte auf das Relevante kürzen oder einen Link posten.

      Viele Grüße
      Mathias Bigge

      1. Sorry, hast Recht.
        Wusste nur überhaupt nicht wo es herkommen könnte.
        Also nichts für Ungut.

        Grüße
        KILLHILL

  2. Hallo KILLHILL,

    hast du schon mal versucht, sämtliche Kommentare aus deinem Quelltext rauszuschmeißen?

    http://forum.de.selfhtml.org/archiv/2004/12/t97693/#m594771

    Wie dieser bekannte IE-Bug heißt, weiß ich jetzt auch nicht mehr auswendig.

    Gruß Gernot

    1. Hallo Gernot,

      Wie dieser bekannte IE-Bug heißt, weiß ich jetzt auch nicht mehr auswendig.

      Doch, es findet sich ja alles wieder hier mit Hilfe der Suche:

      Duplicate Characters Bug

      Gruß Gernot

      1. Hallo

        Schon mal vielen Dank für die schnelle Antwort, werde morgen mal versuchen es zu beheben. Wenn ich noch Fragen habe melde ich mich wieder.

        Und sorry wegen der Masse an Code, hatte nur keinen blassen Schimmer wo das her kommen könnte, darum alles (gelobe Besserung). Hatte hier auch hier im Forum gesucht, leider aber nichts gefunden.

        Grüße
        KILLHILL