Yvi: overflow:auto, Anker und Zurück-Button

Hallo,

ich habe auf meiner Seite einen Bereich mit einer Menge Text. Einzelne Textteile können per Anker angesprungen werden. Das Ganze befindet sich in einem div-Bereich mit einer festen Größe und overflow:auto.
Nun habe ich das Problem, dass die Zurück-Funktion vom Browser (Firefox, IE und Opera) nicht mehr richtig funktioniert. Also die Adresse wird in der Adresszeile ordentlich zurückgesetzt, allerdings springt er nicht.
Lasse ich das overflow:auto weg, funktioniert alles wie es soll. Gibt es irgendeine Lösung für das Problem?

Vielen Dank!

Yvi

  1. Hallo Yvi,

    ich kann nicht recht glauben, dass overflow:auto den Zurückbutton des Browsers negativ beeinflusst. Ich schlage vor, dass du die entsprechende Seite hier verlinkst, damit das Ganze praktisch nachvollzogen werden kann.

    Grüße

    Michael

    Hallo,

    ich habe auf meiner Seite einen Bereich mit einer Menge Text. Einzelne Textteile können per Anker angesprungen werden. Das Ganze befindet sich in einem div-Bereich mit einer festen Größe und overflow:auto.
    Nun habe ich das Problem, dass die Zurück-Funktion vom Browser (Firefox, IE und Opera) nicht mehr richtig funktioniert. Also die Adresse wird in der Adresszeile ordentlich zurückgesetzt, allerdings springt er nicht.
    Lasse ich das overflow:auto weg, funktioniert alles wie es soll. Gibt es irgendeine Lösung für das Problem?

    Vielen Dank!

    Yvi

    1. Ich habe leider keine Möglichkeit, die Seite online zu stellen :(
      Hier der Quelltext auszugsweise:

      CSS:

      div.content {
        float:right;
      }

      * html div.content {
        position:fixed;
      }

      table.section {
        width:730px;
      }

      -----
      HTML:

      <div class="content" style="overflow:auto;height:300px;width:757px;">

      <table class="section" border="0" cellspacing="0">
       <tr>
        <th class="sectionheader"><a name="top"></a>Fragen</th>
       </tr>
       <tr>
        <td class="sectiontxt">
         <ol class="sectionlist">
          <li><a href="#a1">Einleitung</a>
           <ul class="sectionlist">
            <li><a href="#a1.1">Dokument</a></li>
            <li><a href="#a1.2">Kontakt</a></li>
            <li>...</li>
           </ul>
          </li>
          <li><a href="#a2">Thema</a></li>
         </ol>
        </td>
       </tr>
      </table>

      <table class="section" border="0" cellspacing="0">
      <tr>
       <th class="sectionheader">Antworten</th>
      </tr>
      <tr>
       <td class="sectiontxt">
        <ol class="sectionlist">
         <li>
          <div class="answer">
           <table class="faq" border="0" cellspacing="0">
           <tr>
            <td class="left"><a name="a1">Einleitung</a></td>
            <td class="right"><a href="#top">oben</a></td>
           </tr>
           </table>
          </div>
          <a name="a1.1"></a>Dokument<br>
          text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
          <a name="a1.2"></a>Kontakt<br>
          text<br>text<br>text<br>text<br>
         </li>
         <li>
          <div class="answer">
           <table class="faq" border="0" cellspacing="0">
           <tr>
            <td class="left"><a name="a2">Thema</a></td>
            <td class="right"><a href="#top">oben</a></td>
           </tr>
           </table>
          </div>
          text<br>text<br>text<br>text<br>text<br>text<br>text<br>
          text<br>text<br>text<br>text<br>text<br>text<br>text<br>
         </li>
        </ol>
       </td>
      </tr>
      </table>

      </div>