Menü Problem bei Frames

Anfänger

Dienstag, 29. März 2005, 14:47

Also ich habe eine Seite die auf Frames basiert.

Wenn ich nun das Menü (über JavaScript eingebaut) im oberen Frame an den unteren Rand setze, habe ich folgendes Problem:

Es ist ein Menü mit Untermenüs! Wenn ich nun einen Menüpunkt aufklappe, dann kann ich die Untermenüs nicht sehen, da das menü ja ganz unten in seinem Frame sitzt und die Untermenüs angeblich nicht "über" einen anderen Frame angezeit werden kann...

Gibts ne Lösung wie ich das Menü im oberen Frame belassen kann, aber die Untermenüs trotzdem "über" dem unteren Frame liegen??? Wie ist dass denn? Wenn ich das Menü im oberen Frame in einem Div-Tag mit Overflow einstelle...ragt das aufgeklappte Menü dann über den 2. Frame drüber???

Falls ja..wie wäre denn der Code

Ist blöd zu erklären aber ich denke ihr wisst was ich meine!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »coolastra« (29. März 2005, 15:08)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

2

Dienstag, 29. März 2005, 15:30

RE: Menü Problem bei Frames

Hi,
Du verwendest Frames, ohne genau zu wissen, was das ist: Eine Aufteilung des Browserfensters in einzelne Fenster; in jedes wird eine eigene Resource geladen, i.d.R. eine vollständige HTML-Datei. Eine frameübergreifende Darstellung kann es daher genauso wenig geben wie bei einzelnen Popup-Fenstern.
Was jedoch - über Javascript - möglich ist: aus einem Frame heraus die Inhalte eines anderen zu ändern. Genau das bräuchtest Du für Deine Navigation. Die Hauptmenüpunkte müssen hierzu nur auf das untere Frame zugreifen und hier die jeweils passende Unternavigation einblenden. Ein Tip: das Menü sollte nicht zentriert sein, wenn im unteren Frame nicht durchgängig Scrollbalken dargstellt werden.
Gruß
Ingo

Zum Seitenanfang

coolastra

Anfänger

Beiträge: 32

3

Dienstag, 29. März 2005, 19:58

Sorry Ingo,

aber ich weiß ziemlich gut was Frames sind!

Und davon abgesehen denke ich, das ich für Learning by doing, schon ganz gut weit gekommen. Aber: Als Laie, wie ich es eben bin, kann man nicht alle Kniffs und Möglichkeiten wissen. Daher die Frage ob sowas möglich ist!

Habe das ganze mal testweise hochgeladen unter: http://www.skrobic.de/tustest/index.html

Gruß

Zum Seitenanfang

MyWege

Schüler

Beiträge: 164

4

Dienstag, 29. März 2005, 20:04

Mach am besten die Frames raus, das löst die Sache vermutlich am einfachsten.

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

5

Dienstag, 29. März 2005, 21:17

Hi,
wenn Du Bescheid weißt, warum schreibst Du dann in

"die Untermenüs angeblich nicht "über" einen anderen Frame angezeit werden kann"

'angeblich'? Dies ist eine Tatsache, die sich aus der grundlegenden Funktionsweise von Frames ergibt.

Aber zum Problem: Du solltest die Frames wirklich weglassen. Das Inhaltsframe hat zudem selbst bei 1024px breitem Fenster noch einen unschönen horizontalen Scrollbalken und das Windows-Blau macht sich vor Deinem Seitenhintergrund auch nicht gut.

Aber mal 'ne Frage Firefox-User: Seht ihr im Frame http://www.skrobic.de/tustest/Frame%20rechts.htm auch Datensalat? Sprich

Zitat

HTTP/1.1 200 OK Date: Tue, 29 Mar 2005 19:00:54 GMT Server: Apache/2.0.48 (Linux/SuSE) Last-Modified: Tue, 29 Mar 2005 17:44:07 GMT ETag: "b0c03b-75fb-350f87c0" Accept-Ranges: bytes Content-Length: 30203 Keep-Alive: timeout=15, max=94 Connection: Keep-Alive Content-Type: image/jpeg

gefolgt von den Binärdaten des Bildes? Oder ist mein Firefox kaputt?
Gruß
Ingo

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Ingo« (29. März 2005, 21:18)

Zum Seitenanfang

coolastra

Anfänger

Beiträge: 32

6

Mittwoch, 30. März 2005, 07:49

Zitat von »Ingo«

Hi,
wenn Du Bescheid weißt, warum schreibst Du dann in

"die Untermenüs angeblich nicht "über" einen anderen Frame angezeit werden kann"

'angeblich'? Dies ist eine Tatsache, die sich aus der grundlegenden Funktionsweise von Frames ergibt.

Aber zum Problem: Du solltest die Frames wirklich weglassen. Das Inhaltsframe hat zudem selbst bei 1024px breitem Fenster noch einen unschönen horizontalen Scrollbalken und das Windows-Blau macht sich vor Deinem Seitenhintergrund auch nicht gut.

Aber mal 'ne Frage Firefox-User: Seht ihr im Frame http://www.skrobic.de/tustest/Frame%20rechts.htm auch Datensalat? Sprich

Zitat

HTTP/1.1 200 OK Date: Tue, 29 Mar 2005 19:00:54 GMT Server: Apache/2.0.48 (Linux/SuSE) Last-Modified: Tue, 29 Mar 2005 17:44:07 GMT ETag: "b0c03b-75fb-350f87c0" Accept-Ranges: bytes Content-Length: 30203 Keep-Alive: timeout=15, max=94 Connection: Keep-Alive Content-Type: image/jpeg

gefolgt von den Binärdaten des Bildes? Oder ist mein Firefox kaputt?
Gruß
Ingo

Hi Ingo,

1. Also ich nutze Firefox und ich sehe keinen Datensalat.
2. Windows blau??? Die Seite ist grün weiß. Wo siehst Du da Windows blau
3. Da sollte eigentlich kein Scrollbalken sein, da der Inhaltsframe 900 breit ist und sich die rechten und linken an den Rest des Bildschirms anpassen?!? Werde ich heute abend mal nachschauen...

Zum Seitenanfang

Snoop

Profi

Beiträge: 1 187

7

Mittwoch, 30. März 2005, 09:21

Guten Morgen erstmal!

1. Ich sehe auch keinen Datensalat...

2. Vielleicht meinte er den Rollbalken? Der ist bei meinem XP-Skin natürlich hübsch blau - was sich ziemlich beißt mit den verwendeten Farben... aber da kann man nu nicht immer Rücksicht drauf nehmen...

3. Weiß ich nicht

- kein Bock die Auflösung zu ändern...

... abgesehen davon rate ich natürlich auch auf Frames zu verzichten - die bocken halt immer rumm

- aber das ist es ja sicherlich nicht, was du hören möchtest. Aber um deine Frage konkret zu beantworten. Nein, eine Lösung mit Frames gibt es dafür (leider) nicht.

Abgesehen davon ist die Seite für einen Laien tatsächlich schonmal recht ansehnlich!

... und meine ersten Geh-Versuche - damals auch mit Frames! - sahen sehr viel schlimmer aus

Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

8

Mittwoch, 30. März 2005, 10:19

Hi,
komisch, der Datensalat ist jetzt wieder weg bei mir. Wenn sich an der Seite nichts geändert hat, muß das wohl ein Fehler in meinem Programm sein. Oder eine unbekannte Auswirkung des Firefox-"Tunings", daß ich vor einiger Zeit vorgenommen hatte?

Zu den Scrollbalken in Wndows-Blau: selbst wenn der horizontale Scrollbalken nicht erscheinen würde (bei 1024px erscheint er wie gesagt bereits), würde der vertikale nicht in die Seite passen. Um seiteninterne Scrollbalken wirklich nutzen zu können, müßte die Möglichkeit des Einfärbens zulässig sein. Solange das nicht der Fall ist, sollte man eigentlich darauf verzichten - oder hat halt Seiten wie diese mit einem Design-Manko zusätzlich zum eingeschränkten Bedienungskomfort.
Gruß
Ingo

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

9

Mittwoch, 30. März 2005, 10:47

Hi,

da ich gerade gelesen habe, daß die Seite für den IE "optimiert" sei, habe ich sie hierin mal aufgerufen und glatt noch einen weiteren Scrollbalken entdeckt.

Gruß
Ingo

Zum Seitenanfang

coolastra

Anfänger

Beiträge: 32

10

Mittwoch, 30. März 2005, 11:58

Hi Ingo,

ja den Mini Scrollbaken da unten habe ich auch schon gesehen....eigentlich soll der Frame so eingerichtet sein, dass der nicht erscheint. Das werde ich heute abend irgendwann ändern!

Zum horizontalen Scrollbalken...keine Ahnung warum der erscheint. Weil die mittleren Frames sind auf ne Breite von 900 Pixel ausgerichtet und der rechte sowie linke passen sich dann an die Auflösung an! Ich denke das hat was mit den 2 Bildern im Mainframe zu tun. Auch das werde ich noch checken!

Was auch noch falsch ist: Alle Frames sollen keine Rahmen haben und den Frame-Abstand 0 haben. Das wird auch noch geändert.

Wie gesagt, ich werde die Seiten heute abend (wenn ich Zeit habe) checken und so einrichten wie sie später sein sollen, also ohne Scrollbalken und Frameborders etc....

Dann schau ich noch wie das bei 1024*768 aussieht etc...und ich werde schauen ob ich ein JavaScript finde womit die Scrollbalken eingefärbt werden können!

Ach...warum issn das so rosa...hoffe das lag nur dran weil du es markiert hattest...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »coolastra« (30. März 2005, 11:58)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

11

Mittwoch, 30. März 2005, 17:53

Hi,
rosa Hintergrund habe ich in meinem IE voreingestellt, genauso wie braune Schriftfarbe. Im Firefox habe ich orange auf grün (das grün beißt sich übrigens ziemlich mit Deinem grün). Wenn Du die Farben bestimmen willst, dann solltest Du dies auch tun.

Was ist eigentlich mit Besuchern ohne Javascript? Sind die Dir so unwichtig?
Gruß
Ingo

Zum Seitenanfang

coolastra

Anfänger

Beiträge: 32

12

Donnerstag, 31. März 2005, 07:37

Zitat von »Ingo«

Hi,
rosa Hintergrund habe ich in meinem IE voreingestellt, genauso wie braune Schriftfarbe. Im Firefox habe ich orange auf grün (das grün beißt sich übrigens ziemlich mit Deinem grün). Wenn Du die Farben bestimmen willst, dann solltest Du dies auch tun.

Was ist eigentlich mit Besuchern ohne Javascript? Sind die Dir so unwichtig?
Gruß
Ingo

Wie meinst Du das mit den Farbe?

Java-Script:
Hier mal ne Auswertug von www.webhits.de:

JavaScript Versionen
JavaScript1.5 99.3%
JavaScript1.3 0.4%
JavaScript1.4 0.3%
JavaScript1.2 0.0%

Java
aktiviert 96.3%
nicht aktiviert 3.7%

CSS
aktiviert 100.0%
nicht aktiviert 0.0%

Cookies
aktiviert 98.1%
nicht aktiviert 1.9%

Was meinst Du wieviel User ohne Java auf die von mir gestaltete Seite kommen????
Sehr wenige würde ich mal behaupten!

Zum Seitenanfang

LapisInfernalis

Super Moderator

Beiträge: 2 817

13

Donnerstag, 31. März 2005, 08:24

[q=coolastra]Wie meinst Du das mit den Farbe?[/q]
Er meint vermutlich damit, dass Du keine Farbe für den Hintergrund festgelegt hast. Wenn Du möchtest, dass der Hintergrund eine bestimmte Farbe hat, musst Du das auch definieren, am besten direkt in CSS:

	Quellcode
1 2 3 4	body { background-color : #deine_farbe; }

Ich kann Dir nur raten, auf die ganzen <font>-Tags zu verzichten, und die Seite komplett in CSS zu formatieren. Das ist nicht nur "sauberer", sondern erleichtert Dir die Pflege der Seiten enorm...

[q=coolastra]Was meinst Du wieviel User ohne Java auf die von mir gestaltete Seite kommen????[/q]
Alle. Weil Du auf Deiner Seite kein Java verwendest...

JAVA und JavaScript sind zwei völlig verschiedene Dinge. JAVA ist eine Programmiersprache, welche erst kompiliert (in Maschinensprache umgewandelt) werden muss.

JavaScript ist eine clientseitige (also auf dem Rechner des Users ausgeführte) Scriptsprache.

Solchen Statistiken, wie Du sie zitierst, würde ich an Deiner Stelle nicht trauen. Die sind in der Regel immer ohne wirkliche Aussagekraft.

Das Problem bei JavaScript ist, dass

a) viele (mehr als Du vielleicht denkst) JS nicht benutzen, aus welchen Gründen auch immer
b) die korrekte Ausführung der Scripte auf dem User-Rechner nicht wirklich kontrolliert werden kann

Du kannst zwar feststellen, ob der jenige JS aktiviert hat, nicht aber, ober Dein Script bei aktiviertem JS auch korrekt ausgeführt wurde.

Generell solltest Du nicht unbedingt auf JS verzichten, aber Du solltest sicherstellen, dass Deine Seite auch bei deaktiviertem JS komplett benutzbar bleibt. Dies geht relativ einfach, und zwar durch die Verwendung des <noscript>-Tags.

Wie der Name schon sagt, wird der Inhalt dieser Tags nur dann berücksichtigt, wenn JS deaktiviert ist. Du kannst also z.B. eine einfache Navigationsleiste in Form einer Liste oder ähnliches in einen <noscript>-Tag packen, und hast so eine Alternative für alle JS-Verweigerer:

	Quellcode
1 2 3	<noscript> Deine Ersatznavigation </noscript>

Auf diese Weise kannst Du Dir das ganze JS-Geteste sparen, und kannst trotzdem ruhig schlafen, weil Ingo Deine Seite benutzen kann... :grin:

Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Zum Seitenanfang

coolastra

Anfänger

Beiträge: 32

14

Donnerstag, 31. März 2005, 11:27

@ Lapis:
Hatte da aus Faulheit/Schusseligkeit nur Java geschrieben aber meinte JavaScript

Wegen der Hintergrundfarbe: Gebe ich die in jeder HTML Seite ein oder nur im HTML der Index.html?

Also meine Navigation baut ja auf JavaScript...wie meinst Du soll ich das für die JavaScript-Verweigerer lösen? Die Untermenüs müssen ja bestehen bleiben. Gibts Programme mit denen man ne Navigation ohne Verwendung von JavaScript bauen kann?

Zum Seitenanfang

LapisInfernalis

Super Moderator

Beiträge: 2 817

15

Donnerstag, 31. März 2005, 12:18

[q=coolastra]Hatte da aus Faulheit/Schusseligkeit nur Java geschrieben aber meinte JavaScript[/q]
Das Problem dabei ist ja nur, dass es unter Umständen zu Missverständnissen kommen kann, weil JAVA und JavaScript zwei völlig verschiedene Dinge sind. Der Faulheit halber schreib einfach JS. Ist noch kürzer als JAVA und jeder weiß, was Du meinst...

[q=coolastra]Wegen der Hintergrundfarbe: Gebe ich die in jeder HTML Seite ein oder nur im HTML der Index.html?[/q]
Du legst die Farbe in einer externen CSS-Datei fest. Du erstellst einfach eine Datei mit einem Editor Deiner Wahl und nennst diese z.B. "layout.css" oder so ähnlich.

In diese Datei schreibst Du dann:

	Quellcode
1 2 3 4 5	body { color : #000000; background-color : #FFFFFF; }

In den HTML-Dateien bindest Du dann das StyleSheet so ein:

	Quellcode
1	<link href="dein_pfad/layout.css" rel="stylesheet" type="text/css" media="screen, projection">

Auf diese Weise kannst Du allen Seiten, welche auf das StyleSheet zugreifen, die Farben zuweisen.

In das StyleSheet kannst Du aber auch alles andere, was man gestalterisch machen kann, einfügen. Nähere Informationen findest Du z.B. unter:

http://www.schattenbaum.net/css/

oder

http://de.selfhtml.org/css/index.htm

[q=coolastra]Also meine Navigation baut ja auf JavaScript...wie meinst Du soll ich das für die JavaScript-Verweigerer lösen? Die Untermenüs müssen ja bestehen bleiben. Gibts Programme mit denen man ne Navigation ohne Verwendung von JavaScript bauen kann?[/q]
Ein Programm fällt mir da spontan nicht ein. Solche Dinge sind immer sehr individuell und werden besser "per Hand" gelöst.

Du kannst einfach eine Reihe von Links definieren, welche zu den Hauptseiten führen. Das Aussehen kannst Du dann auch über CSS steuern (siehe oben). Also z.B.:

	Quellcode
1	<noscript>Link_1 Link_2 Link_3 Link_4 Link_5</noscript>

Auf den Unterseiten kannst Du dann, z.B. links oben neben den Inhalt als Liste, oder aber unter der horizontalen "Hauptnavigation" in "zweiter Reihe" die Unterseiten unterbringen, also:

	Quellcode
1 2 3 4 5 6 7 8 9	<noscript> <ul> <li>Unterlink_1</li> <li>Unterlink_2</li> <li>Unterlink_3</li> <li>Unterlink_4</li> <li>Unterlink_5</li> </ul> </noscript>

oder

	Quellcode
1	<noscript>Unterlink_1 Unterlink_2 Unterlink_3 usw. </noscript>

Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

16

Freitag, 1. April 2005, 02:03

Hi,
<noscript> ist nicht wirklich sinnvoll, um in diesem Fall eine alternative Navigation zu ermöglichen, denn es dürfte das Layout bei deaktiviertem Javascript ziemlich ruinieren. Besser sind da normal verlinkte Übersichtsseiten mit Links auf die weiteren Menüpunkte. Dazu müssen natürlich zumindest die Hauptmenüpunkte als HTML vorhanden sein und nicht wie in diesem Fall die Navigation nur aus JS-Code bestehen.

Optimal wird eine dynamische Navigation, wenn man hierzu CSS einsetzt, wie ich es auf http://www.1ngo.de/web/tmenu.html beschrieben habe. Dann benötigt man Javascript nur noch für ältere Browser - hauptsächlich den IE. Und i.V. mit den genannten Übersichtsseiten kommen auch IE-User ohne Javascript zum Ziel.
Gruß
Ingo

Zum Seitenanfang

LapisInfernalis

Super Moderator

Beiträge: 2 817

17

Freitag, 1. April 2005, 07:44

[q=Ingo]<noscript> ist nicht wirklich sinnvoll, um in diesem Fall eine alternative Navigation zu ermöglichen, denn es dürfte das Layout bei deaktiviertem Javascript ziemlich ruinieren.[/q]
Also das sehe ich etwas anders. Denn wenn Du die NoScript-Bereiche bei der Entwicklung berücksichtigst, und ordentlich mit CSS layoutest, gibt es meiner Meinung nach keine einfachere und sicherere Möglichkeit, mit ruhigem Gewissen eine JS-Navigation zu verwenden.

Alles eine Frage der Umsetzung...

Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

18

Freitag, 1. April 2005, 23:09

Hi,
ich empfände eine Navigation mit - in diesem Fall bei einer noscript-Lösung enthaltenen - 38 stets sichtbaren Links nicht sinnvoll und extrem unübersichtlich. Daher mein Vorschlag mit über HTML verlinkten Übersichtsseiten.
Gruß
Ingo

Zum Seitenanfang

LapisInfernalis

Super Moderator

Beiträge: 2 817

19

Freitag, 1. April 2005, 23:57

Wer hat denn was von 38 stets sichtbaren Links gesagt? :confused:

Das wäre in der Tat unübersichtlich und ziemlich sinnfrei. Die NoScript-Alternative soll lediglich die horizontalen Hauptmenüpunkte ersetzen. Bei vorhandenen Unterpunkten werden diese in einer in das Seitenlayout eingepassten Liste, z.B. links oben in den Content-Bereich, eingefügt.

Auf diese Weise hat ein JS-Verweigerer die Möglichkeit, bequem alle Haupt- und Unterseiten anzuwählen, ohne von einer Linkliste erschlagen zu werden...

Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

20

Samstag, 2. April 2005, 02:42

Hi,
in dieser Navigation habe ich insgesamt 38 Links gezählt. Da noscript keine Dynamik bietet, wüßte ich nicht, wie man diese Links sinnvoll auf der Seite platzieren sollte. Übersichtsseiten (wie von mir angesprochen) gibt es ja auch nicht - und wenn es sie gäbe, würden normale Verlinkungen der Hauptmenüpunkte noscript überflüssig machen.
Gruß
Ingo

Zum Seitenanfang

WebStyleBoard