Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Frage wegen Frames

Empfohlene Antworten

Hi,

also ich wollte mal fragen ob es möglich wär in dieser Grafik im roten Bereich ein Frame zum Scrollen zu erstellen, und wenn ja, wie?

Danke im vorraus :)

andereslayout8qk.th.jpg

kommt drauf an wie du dir das ganze im gesamten vorstellst.

Möglich wär quasi ein 3 teiliger Frame (oben, mitte, unten).

Von daher sollte es schon gelöst sein.

Bei der Unterteilung in Oben, Mitte und Unten wäre der Scrollbalken allerdings am rechten Rand des Browserfensters. Der mittlere Frame müsste dann noch in Links, Mitte und Rechts aufgeteilt werden.

In dem Fall wüde ich aber lieber einen eingebettetet Frame verwenden: http://de.selfhtml.org/html/frames/eingebettete.htm

alternative: iFrame

Problem: meineswissens gibts schonmal schwierigkeiten je nach Browser.

Alternative: Scrollbares-Divlayer

Problem: wenn die Seite nur aus statischem HTML besteht, musst du überall den Menü-Code reinmachen.

Oh man wusste nicht das es so schwer weden würde, bin da total die Laie :(

Also wenn ich das so machen würde mit den 3 Frames (oben, mitte, unten) und den 2 Frames (links, rechts) wie kann ich die denn alle durchsichtig machen ausser dem in der Mitte, oder werd ich die Grafik die ich bis jetzt habe aufteilen müssen?

@Tailgunner: Ja genau sowas hab ich gesucht. Kann ich denn bestimmen wo das eingebettete Frame sein soll also wie ich z.B. oben auf der Grafik das Rote markiert habe?

Ich kenne mich mit Layern, Stylesheets usw. nicht besonders aus, deswegen wirst du nach meinem Wissenstand nicht darum herumkommen die Grafik zu zerschneiden und entsprechend aufzuteilen.

Beim iFrame könnte man es z.B. mit einer Tabelle machen und dann in die Zelle in der Mitte den iFrame einfügen, in die Zellen drum herum kommen dann die entsprechenden Grafikteile.

Zum Vorschlag von Tailgunner mit der Tabelle: Wäre natürlich auch eine Alternative zu DIV und IFRAME. Eine einfache dazu.

Zu IFrames: Die gängigen Browser haben in den aktuellen Versionen keine großen Probleme damit.

Schau dich diesbezüglich doch mal auf SELFHTML um. Wunderbar aufgeführt sind dort auch die kompatiblen Browser sowie deren Versionen zu allen HTML-Elementen.

http://de.selfhtml.org/html/frames/eingebettete.htm

Zu DIVs: Kann auch jeder Browser interpretieren, nur beim Layouten mit CSS muss man aufpassen (insbesondere bei unterschieden zw. msie und ... dem rest...).

Kannst ja auch noch mal hier gucken:

http://www.domedia.org/oveklykken/css-div-scroll.php

Ansonsten mal googeln.

Vielen Dank an euch, jetzt muss ich mich nur noch entscheiden ob ich es mit dem CSS oder den iFrames mache, da ich dann noch alles bei iFrames zerschneiden muss wäre das mit CSS einfacher denk ich mal.

Sorry wegen dem doppelpost aber ich konnte nicht Ändern, komisch.

Also habe das jetzt mit den iFrames gemacht und es war ziemlich einfach :D

hier das Beispiel

aber aufpassen sie ist noch ziemlich roh also es wird noch ein wenig dauern bis sie so richtig online ist, kann ich eigentlich diese Einbuchtung in dem iFrame wegmachen, die sieht nämlcih nicht so toll aus.

meine Homepage

Div Container mit Scrolbalken :)

<div style="position:absolute;top:100; left:100; z-index:1; bourder:thin #000000; width:700; height:480; overflow: auto; ">Hier Text</div>

So nächstes Problem, und da weiss ich auch nicht bescheid habe zuerst an eine Tabelle gedacht.

Achja das Slicen wird dann mit Photoshop gemacht ;)

Also, bei dem ersten Bild habe ich das layout als hintergrund einer tabelle genommen und es ist alles ok also das ganze layout füllt den browser aus und ich konnte ein iFrame einfügen.

layout5qv.th.jpg

Bei dem 2ten Bild habe ich die Links gesliced damit es auch links überhaupt sind aber durch das slicen wurde aus dem bild eine html seite und sie füllt das browserfenster nicht aus wie bei dem ersten bild, mein problem ist das wie ich es mache damit es wie beim ersten bild das browserfenster ausfüllt? und das mit dem iFrame hier einfügen werd ich noch irgendswie ausprobieren müssen damits passt.

layout26tw.th.jpg

es währe gut den HTML-Code davon mal zu sehen.

Mir sieht das aus wie ein skaliertes Bild, von daher gug mal nach wo dein Bild umskaliert wird.

zweites: ich glaube du benutzt das Bild als Kompletten Bildschirmfüller, großes Problem dabei ist, das bei höheren auflösungen als deiner überall weißer Rand entsteht und das Bild überdimensioniert wird.

ich schlage vor du zerschnibbelst dein Bild neu, so das nur noch das, was nicht hintergrundfarbe ist, als Bild erhalten bleibt. den rest machst du als hintergrundfarbe im HTML.

Also ich habe schon eine große auflösung hier 1280x960 musste nur das bild kleiner machen wegen imageshack ;)

jo ich poste mal den html code für das erste bild und für das 2te ok?

Nun ich kann den Code hier nicht einfügen und den ganzen Code jetzt von Hand in die Skript-Aufforderung hier einzugeben ist ein bisschen zuviel.

Aber ich denke mal dass du recht hast mit dem Bild zerschneiden und den hintergrund... denke mal dass ich das jetzt auch so machen werde, warum bin ich nicht selber drauf gekommen? Achja wenn ich die Links mit Photoshop auf das Bild mache dann wird es ja zu einer html datei, danach kann ich doch die html Datei nicht mehr z.B. in eine Tabelle einfügen ?

parse dir einfach (per Hand) den Code den du brauchst aus der Photoshop-Datei in deinen rein.

Also ich habe jetzt alles geschnibbelt Hintergrundfarbe angepasst nur *g* ich weiss nciht wo ich in dieser Photoshop html datei jetzt das iFrame reinpacken kann damit es so wie hier aussieht,

ich hab da versucht einfach da mal zugucken wo sie passen könnte aber es ging nicht. :(

naja wenn ich könnte würd ich ja den Code hier posten aber es geht nicht :(

Hier ist die Photoshop HTML File wo ich nicht weiss wie ich den iFrame richtig und vor allem Zentriert einsetzen soll?

index2.TXT

So habe alles geschafft glaub ich, aber jetzt kommt das nächste Problem, ich habe das Bild ja Geschnitten und jetzt sind es mittlerweile 3 Tabellen in denen ein Teil des Bildes drinne sein sollte nun erste und zweite Tabelle wird angezeigt aber die Dritte nicht, kann mir wer sagen was da falsch gelaufen ist?

Danke im vorraus.

index.txt

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.