Header Problem bei CSS Design

Hallo,

ich versuche schon seit stunden eine Lösung für mein Problem zu finden,
aber ich komme einfach nicht weiter..
Da ich meine Grafiken alle selbst erstelle und gerne etwas bewegung im Header möchte, habe ich dementsprechend zwei SWF-Animationen erstellt..
________________________________________________________________________
Header 1 Blau: https://www.homepage-baukasten-dateien.de/rpg-designs/BlauHeader.swf
Header 1 Blau darf nur auf folgender Seite zu sehen sein: http://jabbadehood.de.tl/News.htm
________________________________________________________________________
Header 2 Rot: https://www.homepage-baukasten-dateien.de/rpg-designs/HeaderRot.swf
Header 2 Rot darf nur auf folgender Seite zu sehen sein: http://jabbadehood.de.tl/About.htm
________________________________________________________________________

Mein Hauptproblem ist wirklich der CSS Design Code..
Ab hier wird es unverständlich.. Meine SWF-Animationen (Header) funktionieren einwandfrei aber nur wenn ich diese mit folgendem Code in das Feld "Text über dem Design" einfüge..

<div id="headergrafik">
<iframe style="width: 854px; height: 480px;" src="https://www.homepage-baukasten-dateien.de/rpg-designs/BlauHeader.swf" >
</iframe>
</div>
________________________________________________________________________
CSS Code - Design (Bubblegaming/Ombadesigns)
________________________________________________________________________
<style type="text/css">
#headergrafik {
background-color: #000000;
background-image: url("https://img.webme.com/pic/j/jabbadehood/ContainerBlauFin.png");
background-repeat: no-repeat;
height: 490px;
margin-bottom: 93px;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
opacity: 0.88;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
width: 860px;}
</style>
________________________________________________________________________

Es ist auch egal ob ich seperate Bilder für beide der 2 Seiten benutze..
Sobald ich an dem Header versuche das anderst hinzubekommen,
verschiebt sich alles und das Design wird teilweise krum und schief..
Einen festen Header zu installieren habe ich zwar hinbekommen,
aber dass sich der Header automatisch wechselt wenn man auf eine andere Seite klickt,
entzieht sich leider meiner Kenntniss
________________________________________________________________________
Es muss doch irgendwie möglich sein das seiten abhängig in den Quellcode mit einzubauen oder nicht?
Weiß jemand eine Lösung für dieses Problem?
Kann jemand helfen?

Muss es denn zwingend Flash sein? Das wird auf Handys und Tablets ohnehin nicht angezeigt und auf meinem Computer habe ich Flash z.B. auch nicht mehr installiert. (veraltete Technik, zahlreiche Sicherheitslücken,...) Ich denke, dass einige deiner Besucher das also eh nicht zu Gesicht bekommen würden.
Da ich deine Flash-Files dementsprechend auch nicht betrachten kann weiß ich nicht, wieviel Bewegung darin ist, aber evtl. könntest du das auch mit GIFs oder aPNGs lösen. Am modernsten wäre es die Animation mit CSS nachzubauen, das können alle modernen Browser darstellen.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5

Moin,

du könntest versuchen, das über eine absolute Positionierung des SWF-Elements zu lösen.
Du fügst das SWF-Element auf der Unterseite ein, auf der es erscheinen soll und schreibst in den Style-Tag (oder besser den CSS-Code) Folgendes:

XX = Abstand in Pixeln von oben,
YY = Halbe Breite des SWF-Elements.
Dieser Code bewirkt Folgendes: position: absolute; sorgt dafür, dass das Element aus dem normalen Elementfluss genommen wird und frei positioniert werden kann. top: XXpx; bewirkt, dass die obere Kante des Elements XX Pixel vom oberen Seitenrand entfernt ist. Mit left: 50%; wird die linke Kante des Elements in die Mitte der Seite gebracht. Das ist wichtig, weil die Seite bei jeder Bildschirmbreite etwas anders aussieht. Mit margin -XXpx; wird dann die linke Kante des Elements wieder nach links verschoben, sodass das Element am Ende mittig platziert ist. Wichtig ist das - (Minus) vor der Zahlenangabe!

Absolute Positionierung ist nicht besonders schön und nicht das Mittel der Wahl, eben weil es vorkommen kann, dass Webseiten sich je nach Auflösung und Bildschirmgröße ungewollt verschieben.

Gruß, TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon