overflow:auto, Anker und Zurück-Button
Yvi
- css
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
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
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>