[GastForen Web allgemein HTML und CSS / Stylesheets iFrame auf Hintergrundbild

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

20. Nov 2007, 13:02
Beitrag # 1 von 15
Bewertung:
(8017 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

ich habe über eine Seite ein Raster eingebaut (GoLive), das ein Hintergrundbild hat. An einer Stelle auf diesem Raster würde ich gerne einen iFrame einbauen, in dem man Text scrollen kann. Dort müsste dann auch das entsprechende Hintergrundbild rein und der iFrame müsste so platziert werden, dass das Bild auch noch "stimmt". Leider ist das so, dass der iFrame im IE höher platziert wird als in Modzilla-basierten Browsern. Weiß jemand Abhilfe?

Stefan

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP
X

iFrame auf Hintergrundbild

SabineP
Beiträge gesamt: 7586

20. Nov 2007, 13:20
Beitrag # 2 von 15
Beitrag ID: #323232
Bewertung:
(8014 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Weiß jemand Abhilfe?

Ohne URL zu dieser Seite sicher nicht.
Gruß Sabine


als Antwort auf: [#323221]

iFrame auf Hintergrundbild

Intermedia
Beiträge gesamt: 1287

20. Nov 2007, 14:41
Beitrag # 3 von 15
Beitrag ID: #323256
Bewertung:
(8002 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Stefan,

ich glaub kaum das du das Browser unabhängig hin bekommst mit einem IFrame, vor allem was machst du wenn dann mal Scrollbalken im IFrame sind?

Gruß Sven


http://www.aurahysil.de?hds Mit Aurahysil Freizeit schaffen - Beschichtungen der besonderen Art - http://www.intermedia-bg.de?hds INTERMEDIA bürogemeinschaft


als Antwort auf: [#323221]

iFrame auf Hintergrundbild

pixxxelschubser
Beiträge gesamt: 1682

20. Nov 2007, 18:51
Beitrag # 4 von 15
Beitrag ID: #323330
Bewertung:
(7993 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

bin zwar nur ein Printler mit begrenzten HTML-Kenntnissen, könnte mir allerdings folgende Lösung vorstellen.

Erstelle eine Tabelle z.B. 3x3 Zellen mit Deinem Hintergrundbild.
Teile das Bild in PS pixelgenau nach diesem Raster auf. Nimm (in meinem Beispiel) den mittleren Bildausschnitt als HG-Bild für Dein IFrame mit diesem CSS:

body.ifr {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(dein_Hintergrundbild.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}

Setze in die mittlere Zelle Dein IFrame in der korrekten Größe ein. Dürfte etwas Aufwand bedeuten, sollte aber browser- und scrollbalkenunabhängig funktionieren.


Wink
Viele Grüße
pixxxelschubser




Was wir wissen, ist ein Tropfen; was wir nicht wissen, ein Ozean.

Isaac Newton




als Antwort auf: [#323256]

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

20. Nov 2007, 20:27
Beitrag # 5 von 15
Beitrag ID: #323353
Bewertung:
(7981 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
@SabineP: Hat nichts mit einer URL zu tun (zumal es diese spezielle überhaupt noch nicht gibt). Das ist bei allen iFrames auf einem Raster so.

@Intermedia: Scrollbalken sind da natürlich drin, deswegen benötige ich ja den iFrame. Ob aber nun Scrollbalken oder nicht, damit hat das nichts zu tun.

@pixxxelschubser: Gute Idee, allerdings für das entsprechende Design allerdings nicht umsetzbar. Trotzdem danke. :D

Stefan

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP


als Antwort auf: [#323330]

iFrame auf Hintergrundbild

SabineP
Beiträge gesamt: 7586

20. Nov 2007, 20:44
Beitrag # 6 von 15
Beitrag ID: #323356
Bewertung:
(7978 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Das ist bei allen iFrames auf einem Raster so.

In der HTML-Spezifikation gibt es keine Raster.
Ein Raster aus Golive erzeugt immer eine Tabelle.

Hast Du die Lösung von pixxxelschubser probiert?

Für scrollbaren Text benötigt man übrigens keinen iframe.

Suche im Forum nach dem Begriff "scrollmich",

http://www.hilfdirselbst.ch/...=post_time&mh=15

dann findest Du eine Lösung mit CSS.
Gruß Sabine


als Antwort auf: [#323353]

iFrame auf Hintergrundbild

Intermedia
Beiträge gesamt: 1287

20. Nov 2007, 20:57
Beitrag # 7 von 15
Beitrag ID: #323359
Bewertung:
(7974 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf [ Fallen Yggdrasil ] @Intermedia: Scrollbalken sind da natürlich drin, deswegen benötige ich ja den iFrame. Ob aber nun Scrollbalken oder nicht, damit hat das nichts zu tun.


ich meinte eventuelle Scrollbalken im IFrame, diese liegen immer über den Hintergrund und verdecken ihn.

Dann zeig doch mal was du vor hast um es besser zu verstehen.

Gruß Sven


http://www.aurahysil.de?hds Mit Aurahysil Freizeit schaffen - Beschichtungen der besonderen Art - http://www.intermedia-bg.de?hds INTERMEDIA bürogemeinschaft


als Antwort auf: [#323353]

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

20. Nov 2007, 21:00
Beitrag # 8 von 15
Beitrag ID: #323360
Bewertung:
(7974 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Geil, da verdien ich seit acht Jahren meine Brötchen damit, aber den kannte ich noch nicht. Klasse SabineP. Vielen Dank. :D

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP


als Antwort auf: [#323356]

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

20. Nov 2007, 21:00
Beitrag # 9 von 15
Beitrag ID: #323361
Bewertung:
(7973 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ach so meinst du das. Nee, das wäre ja Wurscht. Mir geht es darum, dass das Bild nicht versetzt wäre.

Aber dank Sabines Hilfe brauche ich jetzt ohnehin nie wieder einen iFrame. :D

Stefan

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP


als Antwort auf: [#323359]

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

20. Nov 2007, 21:09
Beitrag # 10 von 15
Beitrag ID: #323363
Bewertung:
(7960 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Aber kurze Rückfrage. Wie bekomme ich dort den senkrechten Scrollbalken unten raus? <style type="text/css">
html {overflow-x:hidden;}
</style> oder auch nur overflow-x:hidden; im selbigen Style wie der Scrollbalken funktioniert nicht. D. h. es funktioniert nur im IE. Modzilla-basierte Browser haben immer einen Querbalken, d. h. zumindest sofern ich Tabellen drin habe. Diese gehen aber nicht über 100% der Breite. :(


Edit: Problem gelöst. Weite eingefügt. :D

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP


als Antwort auf: [#323361]
(Dieser Beitrag wurde von Fallen Yggdrasil am 20. Nov 2007, 21:21 geändert)

iFrame auf Hintergrundbild

pixxxelschubser
Beiträge gesamt: 1682

21. Nov 2007, 08:44
Beitrag # 11 von 15
Beitrag ID: #323397
Bewertung:
(7918 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Yggdrasil,

schön, dass Du eine Lösung gefunden hast. ;-)

Antwort auf: @pixxxelschubser: Gute Idee, allerdings für das entsprechende Design allerdings nicht umsetzbar. Trotzdem danke. :D

es ist sicher im Interesse von HDS, wenn Du mir die Ausschlusskriterien für diese Art der Problemlösung mitteilen würdest. Davon könnten dann auch andere - die eventuell vor dem selben Problem stehen - profitieren.

Wink


Wink
Viele Grüße
pixxxelschubser




Was wir wissen, ist ein Tropfen; was wir nicht wissen, ein Ozean.

Isaac Newton




als Antwort auf: [#323353]

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

21. Nov 2007, 12:38
Beitrag # 12 von 15
Beitrag ID: #323464
Bewertung:
(7906 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Stimmt, da hast du Recht. Ich werde nächstes Mal daran denken.

Gruß Stefan

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP


als Antwort auf: [#323397]

iFrame auf Hintergrundbild

pixxxelschubser
Beiträge gesamt: 1682

21. Nov 2007, 13:13
Beitrag # 13 von 15
Beitrag ID: #323478
Bewertung:
(7901 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du meinst damit, dass ich die Ausschlusskriterien noch erfahre?

Denn wer weiß, ob bis zum nächsten Mal nicht Yggdrasil Ragnarök zum Opfer gefallen ist?
Sly


Wink
Viele Grüße
pixxxelschubser




Was wir wissen, ist ein Tropfen; was wir nicht wissen, ein Ozean.

Isaac Newton




als Antwort auf: [#323464]

iFrame auf Hintergrundbild

Fallen Yggdrasil
Beiträge gesamt: 377

21. Nov 2007, 21:39
Beitrag # 14 von 15
Beitrag ID: #323569
Bewertung:
(7870 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ausschlusskriterium ist einzig, dass die Version mit der Tabelle nicht möglich ist, weil links neben dem Text, den es zu scrollen gilt, zu viel unterschiedlicher Content ist, den ich so ohne Weiteres nicht in unterschiedliche Tabellen aufteilen könnte.

·····

Apple iMac 24´´ · 2,16 GHz Intel Core 2 Duo · 1GB 667MHz DDR2 SDRAM - 2x512MB · NVIDIA GeForce 7300 GT Grafikkarte mit 128 MB SDRAM 250GB Serial ATA-Laufwerk · Mac OS 10.5.5 · CS3
+
Schneider ·CPU Typ: AMD Sempron, 1800 MHz (9 x 200) 3000+ · Arbeitsspeicher: 448 MB (PC3200 DDR SDRAM) · Windows XP


als Antwort auf: [#323478]

iFrame auf Hintergrundbild

pixxxelschubser
Beiträge gesamt: 1682

22. Nov 2007, 01:02
Beitrag # 15 von 15
Beitrag ID: #323581
Bewertung:
(7846 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Damit Urd, Werdandi und Skuld noch lange das Schicksal der Menschen und Götter weben und Dain, Dwalin, Dunneir und Durathror sich an den Knospen der Weltenesche Yggdrasil nähren können:

Eine Hypothese:
Da Du ohnehin ein Raster (sprich eine Tabelle) verwenden würdest, und wenn zusätzlich auch noch IFrames eingebaut werden, dann spricht auch nichts gegen ineinander verschachtelte Tabellen. (Höchstens der arme Programmierer, der sich darin zurechtfinden muss :-)

Von daher kann ich Deiner Argumentation nicht folgen.
Wink


Wink
Viele Grüße
pixxxelschubser




Was wir wissen, ist ein Tropfen; was wir nicht wissen, ein Ozean.

Isaac Newton




als Antwort auf: [#323569]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
29.09.2022

IDUGS#85 Press2id

Zoom Meeting
Donnerstag, 29. Sept. 2022, 19.00 - 21.00 Uhr

Vortrag

Kennst du WordPress? Vielleicht. Verwendest du WordPress? Ja, klar! WordPress ist das am weitesten verbreitete System für die Erstellung von Webseiten. Um Webseitenbau soll es auf dieser IDUG aber nicht gehen. Gregor zeigt press2id (github.com/grefel/press2id). Seine Open-Source-Lösung für die Verbindung von Web und InDesign. Richtig gelesen: InDesign liest mithilfe von press2id die Inhalte der WordPress-Webseiten und generiert daraus Zeitschriften, Kataloge, Programmhefte oder Bierdeckel (das zeigen wir natürlich auch!). So wird die „Content First“ Theorie zu einer konkret anwendbaren Praxis, ohne gleich die ganz großen Räder zu drehen. Versprochen: Jeder kann nach der IDUG innerhalb kürzester Zeit Daten von WordPress nach InDesign importieren. Aber Achtung: Prinzipiell kann press2id aus jeder Website, oder besser Contentmanagementsystem (CMS) Daten auslesen und nach InDesign importieren! Spannend, oder? Danach geht es in die Praxis: Stefan hat die Webseite des Parktheater Iserlohn (parktheater-iserlohn.de) gestaltet. Die gedruckten Spielpläne (parktheater-iserlohn.de/interaktive-spielplaene) werden mit press2id realisiert. Wir schauen in den Maschinenraum und zeigen, wie die Lösung des Projekts realisiert wurde.

Nein

Organisator: InDesign Usergroup Stuttgart

Kontaktinformation: Christoph Steffens, E-Mailidug AT satzkiste DOT de

https://idugs85.eventbrite.de/

Von Wordpress nach InDesign
Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=310

Enfocus World Tour 2022