2009-05-12 18 views
1

Wenn ich auf die Website mit einem Ankersatz (... # xxx) zugreifen, wird das Bild oben aus dem Ansichtsfenster verschoben.Aufruf der Website mit Anker bricht Design

Normale Verhalten: http://soc.org/index.php?id=4
verderbtes Design: http://soc.org/index.php?id=4#c272

Das obere Bild ist absolut positioniert. Es gibt einige Leerzeilen direkt nach dem Google Analytics-Code. Wenn ich sie lösche, funktioniert es.

Vielen Dank für Anregungen!

+0

Das ist wirklich komisch Mann ... Ich kann es nicht herausfinden. Es ist nicht nur das Bild, sondern ... es ist das gesamte '.page' Wrapper-Element. In Firefox sieht es so aus, als wäre es wie '.page {top: -33px; }, obwohl es eindeutig nicht ist. Hoffe, jemand anders ist besser in CSS als ich (ziemlich wahrscheinlich). – KyleFarris

Antwort

1

Es ist einfacher zu sehen, was los ist, wenn Sie den Überlauf zu deaktivieren: versteckt auf div.upperPage

Sie die Anker sehen verursacht die Schriftrolle auf dem Inhalt, dass, anstatt sich auf die Seite als Ganzes . Ich kenne jedoch keine Spezifikationen, die angeben, welche Elemente scrollen sollten, um die Ankeranforderung zu erfüllen.

+0

Überlauf entfernen: versteckte das Problem für mich. Ähnliche Probleme kenne ich allerdings nicht – Markus