Haenser: ssi (includes) bei internet explorer

Hi,
ich habe folgendes Problem, nachdem ich mein Seite wunder hinbekommen und ich der festen überzeugung war... mensch das hast du gut hinbekommen, weil sie bei mir super lief (Firefox, standart) meinte nen kumpel "je deine seite läuft ja garnicht..." ich rin... alles super. frage ihn so beiläufig nach seinem browser: IE. Und da läuft sie wirklich nicht.
Ich habe in einem Frame eine html seine als Kopfzeile und dein eigendlichen inhalt in shtml, weil ich die navi-leite eingebunden habe...

news.shtml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>haenser.de</title>
<style type="text/css">
    <!--
body  {
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 background: #666666;
 margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
 padding: 0;
 text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
 color: #000000;
 background-color: #FFFFFF;
    }
#container {
 background:#ffffff;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-right-color: #000000;
 border-bottom-color: #000000;
 border-left-color: #000000;
 margin: auto;
 width: 800px
 }
#navi {
 width: 150px;
 height: 600px;
 float: left;
}
#mainContent {
 width: 530px;
 height: auto;
}
#update {
 width: 260px;
 height: auto;
 float: right;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-left-style: solid;
 border-top-color: #000000;
 border-right-color: #000000;
 border-bottom-color: #000000;
 border-left-color: #000000;
}

</style>

<!--[if IE]>
    <style type="text/css">
    /* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
    .twoColElsLt #sidebar1 { padding-top: 30px; }
    .twoColElsLt #mainContent { zoom: 1; padding-top: 15px; }
    /* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
    </style>
    <![endif]-->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="navi">
<!--#include virtual="navi.inc" -->
</div>

<div id="update"><h4>letztes Update</h4>
  xxxx
</div>
<div id="mainContent" align="left" >
  xxxx
</div>
</div>
</body>
</html>

navi.inc:

<div class="MenuBarActive">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="http://www.haenser.de/index/news.shtml">News</a></li>
<li><a>Bilder</a>
    <ul>
      <li><a>Radsport</a>
          <ul>
            <li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_tue.shtml">Thüringenrundfahrt</a></li>
            <li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_fr1.shtml">Ronde de L´Isard</a></li>
            <li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_dm_ez_07.shtml">Deutsche U23 Meisterschaften - Einzelzeitfahren</a></li>
          </ul>
      </li>
      <li><a href="http://www.haenser.de/bilder/Privat/bilder_privat.shtml">Privat</a></li>
    </ul>
  </li>
  <li><a>Dinge die die Welt nicht braucht</a>
     <ul>
     <li><a>Die schöne Welt des Radsports</a>
         <ul>
             <li><a href="http://www.haenser.de/dddwnb/radsport/dddwnb_rads_erg.shtml">Ergebnisse</a></li>
              <li><a href="http://www.haenser.de/dddwnb/radsport/dddwnb_rads_rennb.shtml">Rennerberichte</a></li>
            </ul>
        </li>
       <li><a href="http://www.haenser.de/dddwnb/dddwnb_comment.shtml">Comments</a></li>
       <li><a href="http://www.haenser.de/dddwnb/dddwnb_fun.shtml">Fun</a></li>
       <li><a href="http://www.haenser.de/tage.shtml">Mein Tagebuch</a></li>
     </ul>
  </li>

<li><a href="http://www.haenser.de/links.shtml">Links</a></li>
  <li><a href="http://125044.multiguestbook.com/">Gästebuch</a></li>
</ul>

<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div>

wie gesagt bei Firefox läuft alles super nur der IE mach mir sorgen

  1. Hello out there!

    Und da läuft sie wirklich nicht.

    Kann man dem IE bei fehlerhaftem Code auch nicht verübeln. Der Validator sollte der erste sein, den du bei Problemen befragst.

    See ya up the road,
    Gunnar

    PS: Mit SSI hat dein Problem nicht das Geringste zu tun. Wie soll eine serverseitige Technik auch Einfluss auf ein clientseitiges Problem haben?

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Ok  am include liegt es nicht, bin ich ja mal wieder schlauer... aber was ist an meinem Code falsch, es ihn von dreamwaver prüfen lassen, der find ihn gut. Validator spuckt mir das aus, kann mir da mal wer helfen.

      Below are the results of checking this document for XML well-formedness and validity.

      1. Error Line 57, column 4: invalid comment declaration: found delimiter "[" outside comment but inside comment declaration .

      <!--[if IE]>


         2. Info Line 7, column 4: comment declaration started here .

      <!--

      3. Error Line 58, column 26: document type does not allow element "style" here .

      <style type="text/css">

      The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

      One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).


         4. Error Line 64, column 7: "endif" is not a reserved name .

      <![endif]-->


         5. Error Line 67, column 65: document type does not allow element "script" here .

      ...../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>


         6. Error Line 68, column 85: document type does not allow element "link" here .

      ...s" rel="stylesheet" type="text/css" />


         7. Error Line 69, column 6: end tag for "style" omitted, but OMITTAG NO was specified .

      </head>

      You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".


         8. Info Line 6, column 0: start tag was here .

      <style type="text/css">

      9. Error Line 122, column 28: there is no attribute "align" .

      <div id="mainContent" align="left" >

      You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

      This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

      How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.


        10. Error Line 126, column 13: there is no attribute "align" .

      <h3 align="center">C'est la Vie</h3>

      1. Hello out there!

        aber was ist an meinem Code falsch, es ihn von dreamwaver prüfen lassen, der find ihn gut.

        Was Dreamweaver gut findet, ist irrelevant. Aber so was von.

        Dreamweaver hat mit sinnvollem Code soviel zu tun wie der Papst mit Beate Uhse.

        Validator spuckt mir das aus,

        Ja, das hab ich gelesen. Kein Grund, hier alles zu posten.

        1. Error Line 57, column 4: invalid comment declaration: found delimiter "[" outside comment but inside comment declaration .

        <!--[if IE]>

        Das sollte dich stutzig machen. '[' steht der Fehlermeldung zufolge außerhalb des Kommentars; dieser wird ja durch '--' GESCHLOSSEN. Unmittelbar danach muss in XML '>' folgen; das ist, was der Validator bemängelt.

        Das andere sind wohl Folgefehler; bis auf

        9. Error Line 122, column 28: there is no attribute "align" .

        <div id="mainContent" align="left" >

        Natürlich gibt es das nicht. Du verwendest ja Strict, weil du alle Darstellungsangabenmit CSS tätigen möchtest.

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
        1. Hi,

          Dreamweaver hat mit sinnvollem Code soviel zu tun wie der Papst mit Beate Uhse.

          Immerhin: Der Papst könnte, wenn er wollte!

          Gruß, Cybaer

          --
          Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  2. Hallo Haenser!

    Zu Anfang:

    SSI heißt _SERVER SIDE_ INCLUDES und da haben die Browser noch keinen Einfluß drauf. Also ist Dein Problem kein SSI-Problem.

    Wenn wir verstehen würden, was Du meinst:

    Ich habe in einem Frame eine html seine

    ^^^^^

    Was ist eine html seine?

    Ferner wäre interessant zu wissen, was beim Browser rauskommt, nicht der Code Deiner Datei, wie sie auf dem Server aussieht. Also Datei im Browser laden, Quelltext anzeigen lassen und hier posten - oder - noch viel besser - ein Online-Beispiel verlinken.

    Tipps für Fragende
    Verweise einbiden

    Viele Grüße aus Frankfurt/Main,
    Patrick

    --

    _ - jenseits vom delirium - _
    [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
    Nichts ist unmöglich? Doch!
    Gök? Gök!
    1. die seite welche mir solche probleme bereite nennt sich http://www.haenser.de/index/news.shtml

      das wort welches du nicht deuten konntest soll "seite" heisten, habe mich vertip. sorry!

      und der IE zeigt nur die haed.html an und nicht die news.shtml, welche zu dem Frameset index2.html einfach mal dazu gehört. alles zufinden unter haenser.de/index/

      der Quellcode der shtml seite (ich vermute da liegt der Fehler):
         Im übrigen wird nichts davon angezeigt im IE

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>haenser.de</title>
      <style type="text/css">
          <!--
      body  {
       font: 100% Verdana, Arial, Helvetica, sans-serif;
       background: #666666;
       margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
       padding: 0;
       text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
       color: #000000;
       background-color: #FFFFFF;
          }
      #container {
       background:#ffffff;
       border-top-width: 1px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-top-color: #000000;
       border-right-color: #000000;
       border-bottom-color: #000000;
       border-left-color: #000000;
       margin: auto;
       width: 800px
       }
      #navi {
       width: 150px;
       height: 600px;
       float: left;
      }
      #mainContent {
       width: 530px;
       height: auto;
      }
      #update {
       width: 260px;
       height: auto;
       float: right;
       border-top-width: 1px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-left-style: solid;
       border-top-color: #000000;
       border-right-color: #000000;
       border-bottom-color: #000000;
       border-left-color: #000000;
      }

      </style>
      <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
      </head>
      <body>
      <div id="container">
      <div id="navi">
      <div class="MenuBarActive">
      <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="http://www.haenser.de/index/news.shtml">News</a></li>
      <li><a>Bilder</a>
          <ul>
            <li><a>Radsport</a>
                <ul>
                  <li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_tue.shtml">Thüringenrundfahrt</a></li>
                  <li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_fr1.shtml">Ronde de L´Isard</a></li>
                  <li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_dm_ez_07.shtml">Deutsche U23 Meisterschaften - Einzelzeitfahren</a></li>
                </ul>
            </li>
            <li><a href="http://www.haenser.de/bilder/Privat/bilder_privat.shtml">Privat</a></li>
          </ul>
        </li>
        <li><a>Dinge die die Welt nicht braucht</a>
           <ul>
           <li><a>Die schöne Welt des Radsports</a>
               <ul>
                   <li><a href="http://www.haenser.de/dddwnb/radsport/dddwnb_rads_erg.shtml">Ergebnisse</a></li>
                    <li><a href="http://www.haenser.de/dddwnb/radsport/dddwnb_rads_rennb.shtml">Rennerberichte</a></li>
                  </ul>
              </li>
             <li><a href="http://www.haenser.de/dddwnb/dddwnb_comment.shtml">Comments</a></li>
             <li><a href="http://www.haenser.de/dddwnb/dddwnb_fun.shtml">Fun</a></li>
             <li><a href="http://www.haenser.de/tage.shtml">Mein Tagebuch</a></li>
           </ul>
        </li>

      <li><a href="http://www.haenser.de/links.shtml">Links</a></li>
        <li><a href="http://125044.multiguestbook.com/">Gästebuch</a></li>
      </ul>

      <script type="text/javascript">
      <!--
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
      //-->
      </script>
      </div>

      </div>

      <div id="update"><h4>letztes Update</h4>
        <p>Wir haben nen neuen Eintrag im Fun-Bereich.</p>
        <p>Das Tagebuch, ist auch wieder da...<br/>Einfach mal unter Dinge die Welt nicht braucht nachgucken.</p>
        <p>Endlich sind Bilder Online<br />
            - Thüringenrundfahrt<br />
            - Ronde de L´Isard</p>
      </div>
      <div id="mainContent" align="left" >
        <h3>Ob sich das gelohnt hat?</h3>
        <p>Für die Deutschen U23 Meisterschaften habe ich doch tatsächlich meinen ABI-Ball sausen lassen.<br/>
         Ich bin im Endeffekt 16. geworden, was ganz ordentlich ist. Ich habe mir zwar einen Platz unter den bessten 10 vorgenommen, aber das war mit den Sturzverletzungen vom letztem Sonntag und der starken Konkurrenz einfach nicht drin. Es hat heute einfach die Kraft gefehlt hat.</p>
         <h3 align="center">C'est la Vie</h3>
         <p>Aber mit den 16. Platz kann ich zufrieden sein, schließlich war ich schon lage nicht mehr so weit vorne bei einer Deutschen Meisterschaft.</p>
      </div>
      </div>
      </body>
      </html>

      1. Hallo haenser.de!

        und der IE zeigt nur die haed.html an und nicht die news.shtml,

        Und wundert Dich das?

        -------- aus deinem Quelltext -----
        <style type="text/css">
            <!--
        body  {
        -----------------------------------

        Was hat <!-- da zu suchen? Zumal der Kommentar-"tag" nicht mal geschlossen ist?

        Das erklärt u.U. viele Fehler, die Dir der Vali bemängelt.

        Bevor Du weiter fragst, solltest Du an der Seite so lange arbeiten, bis der Validator keinen einzigen Fehler mehr bemängelt. Wenn es dann noch Darstellungsprobleme mit dem IE gibt, gerne hier weiter fragen!

        BTW für die IE-Kritiker... warum ist der IE hier der Einzige, der nichts anzeigt? Wie war das mit der eingebauten Redmond-Toleranz... ;)

        Viele Grüße aus Frankfurt/Main,
        Patrick

        --

        _ - jenseits vom delirium - _
        [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
        Nichts ist unmöglich? Doch!
        Gök? Gök!
        1. Hello out there!

          BTW für die IE-Kritiker... warum ist der IE hier der Einzige, der nichts anzeigt?

          Weil der Kram nicht als XML, sondern als Tag-Soup verarbeitet wird. In SGML (also in HTML) beendet '--' den Kommentar, das nächste '--' beginnt den nächsten Kommentar ...

          Ich schätze, der IE verschluckt sich daran, dass das ein conditional comment sein sollte.

          See ya up the road,
          Gunnar

          --
          „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)