Chris: Mozilla missachtet absolute Position "Teil 2"

Hallo zusammen,

wie ich gestern bereits angedroht habe das ich meine Seite Validatorfähig mache und diese falls dann noch immer Probleme im Mozilla auftreten sollten diese hier zu Posten, tue ich dies nun ;)

Ich hatte gestern Probleme mit der Darstellung der Seite im Mozilla 1.2 und der Beta (positionierung bleibt relative), im Opera wird die Seite fast richtig dargestellt und im IE klappt alles, oder wie ihr sagen würdet er macht alles falsch ;)
Ich habe die Seite gestern durch den Validator laufen lassen und es sinde keine Fehler drin...

Anbei hängt der Quellcode, ich habe diesen um die Navigation verkürzt um das Forum nicht vollzu müllen...

Ich danke für eure Hilfe

Viele Grüsse

Chris

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="robots" content="index,follow" />
<meta name="description" content=" " />
<meta name="revisit-after" content="30 days" />

<script src="js/menu.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/menu.css" type="text/css" title="menu"/>
<link rel="stylesheet" href="css/standart.css" type="text/css" title="standart"/>

</head>

<body onload="startNavi()">

<!-- begin site imgs -->
<div class="middle">
<img id="navDivEnd" src="img/navi_rechts.jpg" width="38" height="100" alt="" />
<img id="highlight-1" src="img/highlight_left.gif" width="25" height="150" alt="" />
<img id="highlight-2" src="img/highlight_right.gif" width="25" height="150" alt="" />
</div>
<!-- ende -->

<div class="top">
<img src="img/navi_left.jpg" width="200" height="100" alt="" />
<img src="img/bg-1.jpg" width="100%" height="26" alt="" />
</div>

<div class="middle">
<img src="img/pic.jpg" width="480" height="359" alt="" />
<span id="highlight"></span>
</div>

<div>
<img src="img/line_bottom.gif" width="100%" height="12" alt="" />
<div id="bg-fuss"></div>
<img src="img/line_bottom_1.gif" width="100%" height="20" alt="" />
</div>

</body>
</html>

CSS ::

body {background-color:#eaeaea;margin:0px;}
img {border:0px;margin:0px;}
div.top {background-color:#eaeaea;background-image:url("../img/bg_nav_line.gif");}
div.middle {background-image:url("../img/gitter.gif");}
img {display: block;}

#navDivEnd {
          position:absolute;
          top:0px;
          left:680px;
          width:39px;
          height:100px;
          clip:rect(0px 39px 100px 0px);}

#highlight-1 {
          position:absolute;
          top:126px;
          left:454px;
          width:25px;
          height:150px;
          clip:rect(0px 25px 150px 0px);
          z-index:100;}

#highlight {background-color: #eaeaea;
            background-image:url("../img/highlight_bg.gif");
            position:absolute;
            top:126px;
            left:478px;
            width:258px;
            height:359px;
            clip:rect(0px 359px 359px 0px);
            z-index:99;}

#highlight-2 {
          position:absolute;
          top:335px;
          left:735px;
          width:25px;
          height:150px;
          clip:rect(0px 25px 150px 0px);
          z-index:100;}

#bg-fuss {
            background-color: #eaeaea;
            background-image:url("../img/bg_fuss.gif");
            width:100%;
            height:100px;
            z-index:99;}

#bg-fuss-1 {
            background-color: #eaeaea;
            width:100%;
            height:20px;
            z-index:150;}

  1. Hallo zusammen,

    Aber Du hast nicht einmal standart.css und einmal richtig standard.css geschrieben?

    fastix

    1. Hi,

      http://www.dycare.de/test/dycare/

      http://www.dycare.de/test/dycare/css/standart.css

      Danke für eure Hilfe

      1. Hm also bei mir sieht das so aus (Mozilla 1.21):

        http://fastix.dyndns.org/tests/dycare.gif

        Was ist jetzt falsch positioniert?

        fastix

        1. Du sorry dein Server ist down, ich kann den snap nicht sehen...

          1. Du sorry dein Server ist down, ich kann den snap nicht sehen...

            Hm... es spricht nichts dagegen, das es funktionieren sollte. Nur ich kann es nicht überprüfen...

            Was kommt denn bei http://fastix.dyndns.org/? Das sollte ziemlich schnell was von "Yes! fastix is there." oder so erscheinen. Gestern gings noch :)

            Die Datei ist übrigens nicht klein und die Übertragungsrate beträgt max. 128kbit/s... Geduld!

            Ansonsten: er hat sich gerade neu eingewählt: Mag sein, das der DNS nicht so schnell ist.

            fastix

            1. Ufff,

              wie geht das?
              Mein Browser zeigt mir ein wirres ducheinander;)

              Danke für den Hinweis

              Gruss

              Chris

              1. Ufff,

                wie geht das?
                Mein Browser zeigt mir ein wirres ducheinander;)

                Hm. wenn ich Dich recht verstehe, dann zeigt das Bild das, was zu sehen sein soll? Mir kommt ja auch so vor. Ich schmeiss gleich mal die Linux- Kiste an. - Die ist wegen der Stromrechnung aus :(

                fastix

                1. Hallo fastix,

                  Hm. wenn ich Dich recht verstehe, dann zeigt das Bild das, was zu sehen sein soll? Mir kommt ja auch so vor. Ich schmeiss gleich mal die Linux- Kiste an. - Die ist wegen der Stromrechnung aus :(

                  Lass es - bei mir (Mozilla 1.2.1 Debian GNU/Linux testing) sieht es genauso aus. Opera 6.11 übrigens auch sehr ähnlich.

                  Christian

                  --
                  Hast Du einen Beitrag? Nur her damit!
                  http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
                  SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
                  sh:) fo:) ch:] rl:( br:> n4:& ie:% mo:) va:) de:] zu:) fl:( js:| ss:) ls:[
                  1. Hallo Christian
                    Ja. Jetzt siehts so aus:

                    http://fastix.dyndns.org/tests/dyncare_2.gif

                    Error403

                    :(

                    fastix

                    1. http://fastix.dyndns.org/tests/dycare_2.gif

                      Ist richtig, aber trotzdem 403.

                      fastix

  2. Hallo zusammen,

    Ach... und eine Bitte: poste nicht soviel Quellcode. Stell es online und gib uns den Link jeweils zur HTML und zu der css- Datei.

    fastix

  3. Hallo Chris,

    Anbei hängt der Quellcode, ich habe diesen um die Navigation verkürzt um das Forum nicht vollzu müllen...

    Sorry, aber ohne die Bilddateien sehe ich nur einen grauen Bildschirm. Bitte, stelle es Online, (und sei es by Tripod) sonst müssen wir, um auch nur etwas mitzubekommen, die Datei so stark bearbeiten, dass wir das Problem warscheinlich nicht mehr zu Gesicht bekommen werden.

    Christian

    --
    Hast Du einen Beitrag? Nur her damit!
    http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
    SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
    sh:) fo:) ch:] rl:( br:> n4:& ie:% mo:) va:) de:] zu:) fl:( js:| ss:) ls:[
  4. <span id="highlight"></span>

    kannst Du nicht absolut positionieren.

    fastix