Load denied by X-Frame-Option

rogerberglen

Ich habe in den letzten Tagen eine Bildervorschau erstellt mit der Lightbox. Nun hatte ich das Ganze fertiggestellt und habe das Alles hochgeladen. Die Bilder werden auf der bisher existierenden Seite als iFrame dargestellt. Aber jetzt kommt die Bildervorschau nicht. Stattdessen wird in der Firefox-Console folgendes ausgegeben: Load denied by X-Frame-Option.
Was soll denn das nun schon wieder heisen? Lokal funktioniert das Alles wie es soll.
Und seither hat das doch auch funktioniert.

Hier mal der HTML-Code einer Bildervorschauseite.

HTML

<!DOCTYPE html>
<html lang="de">


<!-- ************************************************************ -->
<!-- *           Kopfbereich der Bilder-Frame Seite             * -->
<!-- ************************************************************ -->


<head>


  <title> Bilder Frame 2004 MFB </title>
  <meta name="author" content="Ralf Kaiser" />
  <meta name="keywords" content="Motorradfreunde Buchenbachtal, Winnenden, Berglen, Motorradclub, Stammtisch, Buchenbach, Biker" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />


  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></Script>

  <!-- **************************************** -->
  <!-- *      Einbindung Light-Box Element    * -->
  <!-- **************************************** -->

  <link href="../css/lightbox.css" rel="stylesheet"  />


  <script src="../js/jquery-1.11.0.min.js"></Script>
  <script src="../js/lightbox.min.js"></script>


  <!-- **************************************** -->
  <!-- *       Farbgebung der Elemente        * -->
  <!-- **************************************** -->

  <link rel="Stylesheet" type="text/css" href="../css/BilderFrames.css" />
 
</Head>


<!-- ************************************************************ -->
<!-- *          Seitenbereich der Bilder-Frame Seite            * -->
<!-- ************************************************************ -->


<body>

  <!-- **************************************** -->
  <!-- *       Jahreszahlenleiste links       * -->
  <!-- **************************************** -->
  <!-- * Unter HTML5 dürfen keine Leerzeichen * -->
  <!-- * sowie Sonderzeichen in den Dateina-  * -->
  <!-- * men enthalten sein!!                 * -->
  <!-- **************************************** -->

  <div id="JahresLeiste">
    <a href="../Inhalt/BilderFrame_2015.html"> 2015 </a>
    <a href="../Inhalt/BilderFrame_2014.html"> 2014 </a>
    <a href="../Inhalt/BilderFrame_2013.html"> 2013 </a>
    <a href="../Inhalt/BilderFrame_2012.html"> 2012 </a>
    <a href="../Inhalt/BilderFrame_2011.html"> 2011 </a>
    <a href="../Inhalt/BilderFrame_2010.html"> 2010 </a>
    <a href="../Inhalt/BilderFrame_2009.html"> 2009 </a>
    <a href="../Inhalt/BilderFrame_2008.html"> 2008 </a>
    <a href="../Inhalt/BilderFrame_2007.html"> 2007 </a>
    <a href="../Inhalt/BilderFrame_2006.html"> 2006 </a>
    <a href="../Inhalt/BilderFrame_2005.html"> 2005 </a>
    <span style="float:right; margin-right: 5px; color: #00FF00"> 2004 </span>
  </div>

  <!-- **************************************** -->
  <!-- *          Seitenüberschrift           * -->
  <!-- **************************************** -->

  <div id="Titel1">
    Jahresausfahrt in den S&uuml;dschwarzwald 2004
  </div>

  <!-- **************************************** -->
  <!-- *  Fensterbereich für Bildervorschau   * -->
  <!-- **************************************** -->

  <div id="Bildervorschau">
      <!-- Bild 001 -->
    <a href="../Bilder/2004/2004_01.gif" data-lightbox="Ausfahrt1"
       data-title="Bei einer Pause">
       <img class="ScaleImg" src="../Bilder/2004/2004_01.gif"
            title="Bei einer Pause" alt="Bild 001" />
    </a>
    <!-- Bild 002 -->
    <a href="../Bilder/2004/2004_02.gif" data-lightbox="Ausfahrt1"
       data-title="Beim wohlverdienten Bier">
       <img class="ScaleImg" src="../Bilder/2004/2004_02.gif"
            title="Beim wohlverdienten Bier" alt="Bild 002" />
    </a>
    <!-- Bild 003 -->
    <a href="../Bilder/2004/2004_03.gif" data-lightbox="Ausfahrt1"
       data-tile="Bei der Stadterkundung">
       <img class="ScaleImg" src="../Bilder/2004/2004_03.gif"
            title="Bei der Stadterkundung" alt="Bild 003" />
    </a>
  </div>


</body>
</html>

Alles anzeigen

Die Bildervorschau wird über folgende Seite aufgerufen:

HTML

<table width="100%" height="655" border="0" bgcolor="#000000" cellpadding="0" cellspacing="0">      <!Tabelle 5 (Inhalt)>
         <tr>
          <td height="40"  border="0" bgcolor="#000000" align="center"> <font color="#0E46F9" size="6"> <b> <u> Bilder </u></b> </font> </td>
         </tr>
         <tr>
          <td height="560" bgcolor="#000000">
           <table width="100%">
            <tr>
             <td width="20"> </td>
             <td> <iframe src="Inhalt/Bilder Frame 2013.html" name="frame" frameborder="0" scrolling="auto" width="100%" height="555"> Eigendliche Inhalt  </iframe> </td>
             <td width="20"> </td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td width="100%" height="55" bgcolor="#000000" border="0">
           <table width="100%" height="55" bgcolor="#000000" border="0" cellpadding="5" cellspacing="5">
            <tr>
             <td width="14%" </td>
             <td width="23%" </td>
             <td width="51%" align="right"> <font size="5"></a> <a href="Home.html"> Home </a> </font> </td>
             <td width="12%" align="center"> <font size="5"> <a href="Bilder MFB.html"> zur&uuml;ck </a> </font>  </td>
            </tr>
           </table>

Alles anzeigen

Was ist da falsch? Was muss geändert werden damit es funktioniert?

angeldbh

Hast du es auf deinem localhost oder auf einem Online Server ausprobiert?

rogerberglen

Auf meinem lokalen PC funktioniert alles bestens. Nach dem Hochladen auf einen Webserver (1&1) geht das nicht mehr. Es kommt besagte Fehlermeldung.

threadi

Was X-Frame ist wird hier beschrieben:
https://developer.mozilla.org/en-US/docs/Web…X-Frame-Options

Heißt für dich: du kannst die Dateien nicht in Frames darstellen. Diese Regelung ist im Webserver drin. Wenn Du die weg haben willst musst Du dich an deinen Webhoster wenden, diesen wechseln oder deine Webseite umbauen. Die Einstellung ist primär ein Sicherheitskriterium um z.B. zu verhindern, dass externe Seiten Dateien im Hosting per Frame einbinden und so Traffic verursachen der der Webseite nichts bringt. Außerdem wären ohne diese Einstellung auch Angriffe auf den zugreifenden Nutzer möglich.

Tags