通常、内部アンカーは で定義され<a name="anchorname">Introduction</a>
ます。アンカーにリンクする場合は、次のように記述します<a href="#anchorname">Top</a>
。
TYPO3 は、各要素の前に のようなアンカーを追加します<a id="c118"></a>
。そこで、コンテンツ要素 (タブ: ページ) で RTE にリンクします。そのようなリンクをクリックしても<a class="internal-link" title="Some text" href="index.php?id=24#c118">Some text</a>
、FF 15.0.1 では何も起こりません。
- FF 15.0.1 - 動作しない (何もしない)
- IE9 - 動作していません (ジャンプしますが、間違った位置に移動します)
- Safari 5.1.7 - 動作します
- Opera 12.02 - 動作しない (何もしない)
- Chrome 21 - 動作します
TYPO3 で同じページのコンテンツ要素にリンクする解決策はありますか? それは仕様外ですか、それともブラウザのバグですか?
編集:
これをメインセットアップに入れました:
tt_content.stdWrap {
dataWrap = |
prepend >
prepend = COA
prepend {
10 = TEXT
10.dataWrap = <a id="c{field:uid}" name="c{field:uid}"><!-- ANCHOR --></a>
10.if.isFalse.field = _LOCALIZED_UID
20 = TEXT
20.dataWrap = <a id="c{field:_LOCALIZED_UID}" name="c{field:_LOCALIZED_UID}"><!-- ANCHOR --></a>
20.if.isTrue.field = _LOCALIZED_UID
}
prefixComment = 1 | CONTENT ELEMENT,
uid:{field:_LOCALIZED_UID//field:uid}/{field:CType}
}
HTMLコードに<a id="c118" name="c118"></a>
アンカーがありますが、FFはまだ機能しません...すべてのスタイル(CSS)を無効にすると、アンカーがFFで機能することがわかりました。どうして?
解決:
次の行が問題でした。
.gallery {
/* Weird anchor link bug in browsers if activated
position:relative;
float:left;
*/
width:753px;
margin-bottom:25px;
}
なぜこれが問題を引き起こすのかという疑問が残ります...