Zelle von Tabelle mit Buttons horizontal scrollen?!

[NicolasOnline]

Hallo zusammen,

habe hier ein etwas spezielles Problem. Und zwar habe ich ein Menü mittels einer Tabelle aufgebaut, was in etwa so aussieht:

<table>
   <tr>
      <td>Bild</td>
      <td>nach links scrollen</td>
       <td>Laaaaaaaanges Menü</td>
      <td>nach rechts scrollen</td>
      <td>Bild</td>
   </tr>
</table>

Anders als mit einer Tabelle ist es leider nicht zu lösen. Die Tabelle hat eine fest Breite. In der Mitte befindet sich das eigentliche Menü, das jedoch über die Breite hinaus geht. Ich möchte nun, dass das Menü in der Zelle nach links und nach rechts scrollbar ist.

Suche seit zwei Tagen eine Lösung und finde keine… Problematisch ist es auch deshalb, da der Body der Website immer mittig ausgerichtet werden muss. Die meisten Scripte setzen aber fest positionierte DIV-Tags voraus. Absolut unmöglich in diesem Fall. (Ich habe schon das gesamte Layout mit JS mittig positioniert um das Problem zu umgehen, jedoch wenn JS ausgeschaltet ist, hängt das Layout auf halbacht.)

Bisher habe ich zunächst mal den Menüinhalt (bestehend aus Bildern) in einem DIV in die Zelle gepackt, diesem DIV eine feste Breite und Höhe gegeben und overflow:hidden gesetzt.

Und was nun … ? Ich bin für jeden Ratschlag dankbar!

[dkdenz]

overflow:scroll schon probiert?

[NicolasOnline]

overflow:scroll schon probiert?

Gescrollt werden soll über Buttons (keine Browser-Scrollleiste).

[dkdenz]

Sobald overflow:hidden existiert, erscheint mir das als ausgeschlossen...

[NicolasOnline]

Sobald overflow:hidden existiert, erscheint mir das als ausgeschlossen...

Das war nur ein Ansatz von mir. Ich habe absolut keine Ahnung, wie da vorgehen soll. Irgendwie soll ein DIV mit einer Breite von 1088px in eine Zelle von 548px und zwar so, dass man über Buttons dieses DIV hin und her scrollen kann. Das Problem fängt aber schon bei der überdimensionierte Breite an. Und ich kann leider auch nicht clip(rect) in CSS benutzen um das Sichtbare auf 548px zu beschränken, weil das eben nur für festpositionierte DIV gültig ist.

[NicolasOnline]

Also ich habe mittlerweile das alte <marquee>-Tag ausgekramt, damit habe ich zumindest ein scrollendes Menü. Mit start() und stop() kann ich das Scrollen starten und stoppen. Das ist ja schon mal was. Theoretisch müsste es auch möglich sein mit id_name.direction="left" auch die Richtung entsprechend zu ändern, wenn ich auf einen Pfeil nach links bzw. rechts klicke. Allerdings funktioniert das nicht. Weiß jemand warum? Außerdem wäre es nötig, an eine bestimmte Laufposition springen zu können. Gibt´s da eine Möglichkeit?

Grüße,
Nicolas.

[pit-r]

Moin!

Gibt´s da eine Möglichkeit?

Marquee ist ursprünglich Microsoft-Krempel. Einige wenige andere Browser haben sich diesen einverleibt aber nicht mit allen Zugriffsmöglichkeiten, die IE diesbezüglich bietet.

Was für Gründe gibt es eigentlich, Deine Navigation so einzuklemmen, daß Du irgendwelchen Scrollkram brauchst? Übrigens - die ursprünglich von Dir gewünschte Tabellenkiste ist möglich aber äußerst fragwürdig.

Ahoi - Pit

[NicolasOnline]

Moin!Marquee ist ursprünglich Microsoft-Krempel. Einige wenige andere Browser haben sich diesen einverleibt aber nicht mit allen Zugriffsmöglichkeiten, die IE diesbezüglich bietet.

Was für Gründe gibt es eigentlich, Deine Navigation so einzuklemmen, daß Du irgendwelchen Scrollkram brauchst? Übrigens - die ursprünglich von Dir gewünschte Tabellenkiste ist möglich aber äußerst fragwürdig.

Ahoi - Pit

Hallo Pit. Beim verzweifelten Suchen nach einer Lösung bin ich in einer Pause zufällig auf eine dieser geschmackvoll gestalteten privaten Websites gestoßen, wobei mir der marquee-Tag ins Auge sprang :-) Daher die Idee. Ich war überrascht, dass von Opera bis IE 5.2 für Mac der Tag überall mittlerweile unterstützt wird. Die Zugriffsmöglichkeiten scheinen aber eben zu unterschiedlich zu sein, weshalb ich die Idee wieder verworfen habe.

Das ist ein Corporate Design für einen Kunden. Nur passt in diesem Fall dummerweise die Navigation nicht mehr hinein und muss deshalb so umständlich eingebaut werden. Das Tabellenkonstrukt habe ich / musste ich beibehalten – inwiefern meinst du, dass es hier eine Lösung gäbe?

Grüße,
Nicolas.

[jeko]

Eigentlich sollte der Marquee-Tag nicht mehr unterstützt werden, aber das ist ein anderes Thema...
Stichwort deprecated...

Ich denke, dass sich so was mit Javascript realisieren lassen sollte, oder Pit ?

Wenn du's selbst mal versuchen willst, nicolas, dann sind hier ein paar Links:
Scroll_To
Scroll_By

[NicolasOnline]

Eigentlich sollte der Marquee-Tag nicht mehr unterstützt werden, aber das ist ein anderes Thema...
Stichwort deprecated...

Ich denke, dass sich so was mit Javascript realisieren lassen sollte, oder Pit ?

Wenn du's selbst mal versuchen willst, nicolas, dann sind hier ein paar Links:
Scroll_To
Scroll_By

Hallo jeko,

scrollTo() und scrollBy()? Inwiefern soll mir das scrollen in einem FENSTER helfen … ? Ich will ein Menü scrollen, im Sinne von Laufschrift

[pit-r]

Hi!

Ich will ein Menü scrollen, im Sinne von Laufschrift

Wie schon gesagt: das ist möglich - aber wie soll das aussehen bei Leuten mit deaktiviertem JS? Zur Erinnerung:

Problematisch ist es auch deshalb, da der Body der Website immer mittig ausgerichtet werden muss. Die meisten Scripte setzen aber fest positionierte DIV-Tags voraus. Absolut unmöglich in diesem Fall. (Ich habe schon das gesamte Layout mit JS mittig positioniert um das Problem zu umgehen, jedoch wenn JS ausgeschaltet ist, hängt das Layout auf halbacht.

Kann ja mal was basteln aber ich bin sicher, daß Du dann keine für den Kunden zufriedenstellende Alternative am Start hast, wenn JS nich is...

Ahoi - Pit

[NicolasOnline]

Hi!Wie schon gesagt: das ist möglich - aber wie soll das aussehen bei Leuten mit deaktiviertem JS? Zur Erinnerung:Kann ja mal was basteln aber ich bin sicher, daß Du dann keine für den Kunden zufriedenstellende Alternative am Start hast, wenn JS nich is...

Ahoi - Pit

Hallo Pit

Es sollte im schlimmsten Fall so sein, dass bei deaktiviertem JS das Scrollen nicht funktioniert. Nach dem Motto: selber Schuld… Nur sollte möglichst nicht das Layout zerrissen werden, wie es eben der Fall wäre, wenn ich mit JS fest Positionieren würde. Aber Kompromisse sind hier durchaus möglich.

Kann ja mal was basteln

Wenn es dir nicht zu viele Umstände macht. Vielleicht bekomme ich es mit ein wenig Hilfe aber auch selbst hin?

Da ich nur noch bis morgen Zeit habe, ein OK zu geben, habe ich als Alternative erst mal das Problem per innerHTML gelöst. Die Navigation selbst besteht aus GIF-Grafiken je Punkt. Ich fülle also das DIV mit den Grafiken. Eine Animation wäre mir aber natürlich lieber, weil anspruchsvoller.

[pit-r]

Hi!

Ich bastle gleich mal was und poste 'n Link. Das solltest Du Dir dann mal mit und mal ohne JS ansehen...

Ahoi - Pit

[pit-r]

Hi!

Vielleicht kannste da ein paar Fragmente von verwerten (ist noch nicht ganz rund - dazu wäre deutlich mehr Zeit nötig gewesen) - kuckst Du...

Ahoi - Pit

[NicolasOnline]

Hi!

Vielleicht kannste da ein paar Fragmente von verwerten (ist noch nicht ganz rund - dazu wäre deutlich mehr Zeit nötig gewesen) - kuckst Du...

Ahoi - Pit

Also erstmal: Ich bin beeindruckt Allerdings steige ich nicht richtig durch, fürchte ich Soweit ich das sehe, ist das eigentliche Scrollelement das DIV mit der ID „scr“. Wofür ist dann die Tabelle?

Beim Einbauen in die Website verschwand der Inhalt der Navigation (also blah 1 bis blah x) im Nirvana. Mit dem z-index ließ sich das nicht lösen.

Ich bin mir nicht sicher, ob das Skript soweit anpassbar ist. Denn auch hier wäre eine feste Positionierung notwendig (oder?) – die aber wie gesagt nicht möglich ist. Das Layout wird per margin:auto immer mittig der Site gehalten.

Noch ´ne Idee?

Auf jeden Fall vielen Dank!

EDIT: Habe das gerade mal unter Windows im IE getestet (benutze Mac) und siehe da: es funktioniert! Da du auf DOM überprüfst, nehme ich an, dass es nicht am JS selbst liegt, sondern an CSS. Kann das sein?