Autor |
Nachricht |
wuzlwut
Threadersteller
Dabei seit: 04.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 12.02.2008 12:49
Titel Probleme mit ANCHOR TAG (in Safari, Opera) |
|
|
hallo,
auf der halbfertigen Seite www.vwa.ch
habe ich horizontale scrolls, in denen ich die verschiedenen
Kapitel mit hilfe von Ankern anspringe.
Dies funktioniert reibungslos und exakt im IE, sowohl am PC als
auch am MAC, probleme machen sie allerdings im Safari, Firefox und
Opera (alle Browser in der neuesten Version).
In diesen Browsern springen sie zwar, allerdings nicht
dorthin wo sie sollen.
zb im Menu PROJECTS > URBAN
hat jemand eine Ahnung wieso?
ich habe gelesen es gibt einen JavaScript Workaround für das Problem,
kann mir dazu jemand genauere anweisungen geben? hab nämlich von JavaScript
nicht viel Ahnung.
vielen Dank an alle Helferlein!
|
|
|
|
|
wuzlwut
Threadersteller
Dabei seit: 04.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 15.02.2008 14:19
Titel
|
|
|
hat keiner einen lösungsansatz?
ich bin ein wenig am verzweifeln.
ich weiss es laesst sich mit javascript (relativ einfach) lösen,
aber ich verstehe zu wenig davon um es umzusetzen.
oder hat jemand eine idee wie man das ohne javascript loesen kann?
|
|
|
|
|
Anzeige
|
|
|
misprintedtype
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 15.02.2008 14:51
Titel
|
|
|
post doch ma de code rein... dann kann man dir auch einfacher helfen...
|
|
|
|
|
achwasweisich
Dabei seit: 27.09.2007
Ort: Stuttgarter Raum
Alter: -
Geschlecht:
|
Verfasst Fr 15.02.2008 15:01
Titel
|
|
|
Also mit meinem IE 6.0 funktioniert das nicht gerade reibungslos und exakt.
Springe ich von einem Punkt "weiter rechts" auf einen "linken" Punkt, dann
passt es. Springe ich dagegen von einem "linken" auf einen "rechten" Punkt,
dann passt es nicht.
Gerade nochmal den Firefox ausprobiert: genau das gleiche Verhalten.
Also IE6.0 scheint es genauso schlecht zu machen wie Firefox 2.0.0.12
Ich persönlich finde diese horizontale Aufteilung auch seeehr merkwürdig
und gewöhnungsbedürftig. Ein besseres Seitenlayout hätte meiner Meinung
viele Probleme mit einem Schlag gelöst.
Das aber nur am Rande.
|
|
|
|
|
misprintedtype
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 15.02.2008 15:06
Titel
|
|
|
ich finds garnicht schlecht... an der umsetzung harperts halt etwas...
auch bei mir im ff das gerade beschriebende problem...
|
|
|
|
|
wuzlwut
Threadersteller
Dabei seit: 04.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 15.02.2008 15:33
Titel
|
|
|
danke erstmal ... den sourcecode seht ihr eh auf der seite.
die seite ist zugegeben mehr schlecht als recht programmiert, auch
das design ist sehr auf die kundenwuensche zugeschnitten, aber
die anker sind ansich exakt gesetzt.
ich hab auch, nach recherche im netz, einen buchstaben in die anker eingebunden, damit
das tag nicht leersteht, aber das half natuerlich auch nicht.
gibt es irgendeine moeglichkeit dass mit html genauer zu machen, oder komme ich um
javascript nicht herum?
bin um jede hilfe dankbar
|
|
|
|
|
misprintedtype
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
achwasweisich
Dabei seit: 27.09.2007
Ort: Stuttgarter Raum
Alter: -
Geschlecht:
|
Verfasst Sa 16.02.2008 09:26
Titel
|
|
|
Nachdem ich mir das nochmal angeguckt hab, stelle ich folgende Behauptung auf:
Das Problem ist: Wenn ein Anker von einer Position angesprungen wird, die kleiner
ist, als der Anker (ich meine als Wert auf der horizontalen Achse) dann wird die Seite
so angezeigt, daß der Anker am rechten Bildrand "sichtbar" ist.
Wenn er von einer Position angesprungen wird, die größer ist (also quasi weiter
rechts), dann wird der Anker am linken Bildrand positioniert.
Hier wäre jetzt mein Lösungsansatz:
Da Du ja leider mit einer Tabelle arbeitest, ziehe um jede Projekttabelle nochmal
eine Tabelle, mit einer Zeile, einer Zelle. Diese eine Zelle enthält dann den Anker
und die gesamte Projekttabelle. Ich würde vermuten, daß in diesem Fall der Browser
immer links ausrichtet, da er sieht, daß das Element, daß den Anker beinhaltet
breiter ist als der Bildschirm (je nach Auflösung na klar).
In dem bisherigen Fall sitzt der Anker in einer Spalte, die nur so breit ist wie ein Leerzeichen.
Ziel und Zweck des Ankers ist es, beim Anspringen den relevanten Inhalt dem Nutzer
zu zeigen. In diesem Fall eine Spalte mit Leerzeichen. Wenn der Browser das an den
rechten Rand ins Gesichtfeld rückt, ist für ihn der Job erfolgreich erledigt.
War das verständlich?
Besser wäre na klar mit DIVs zu arbeiten. Dann könntest Du für jedes Projekt ein
wrapper-div machen und dort den anker reinlegen. So mußt Du halt basteln mit
noch ner Tabelle ausenrum um jedes Projekt.
HTH
|
|
|
|
|
|
|
|
Ähnliche Themen |
im Safari nicht aber im Opera weißer rand ?
css probleme in mozila(fire) und opera
Probleme mit Safari ;(
Probleme mit JavaScript im Safari
Probleme mit hidden DIV und Safari
[Safari] Probleme bei Darstellung
|
|