Hallo Forum.
Wiedermal eine neue Herausforderung, ich möchte auf meiner website www.gear-corner.com die oberste Zeile (Navigationsleite, Slideshow und Logo) fixieren, sodass diese beim scrollen stehen bleibt. Alles kein Problem, nur leider wird beim Internet Explorer jedes eingebettete YouTube Video beim runterscollen über die fixierte Zeile fahren, was richtig laienhaft aussieht. Gibt es dazu schon eine Lösung? Firefox stellt das ganze übrigens korrekt dar...
Danke vorab!
Hallo Thumbnail, den entsprechenden Aufbau deiner Ebenengalerie zu kennen, würde bei der Beantwortung deiner Frage sicher helfen. Gruß Marboe
P.S. Ich sehe mit einem Smartphone nix Fixiertes...
Hallo marboe.
Von oben nach unten sieht es folgendermassen aus;
Ich habe als oberste Ebene die Fixed Ebene worin bislang nur die Youtube- Sprach- und Google+ Verlinkungen im rechten oberen Bereich der Seite sind.
Des weiteren habe ich eine unsichtbare Mouseover Ebene für den Besucherzähler
Danach folgen Mouseover und Mouseoff mit je einem Teil der Navigationsleite
Dann Page Background
Dann Pasteboard Background
Hilft dir das?
Gruss
"English", "Deutsch"; "Youtube" und G+ sind rechts fix. Alles andere scrollt auf der Seite.
Ich sehe kein Video über eine Navigation scrollen ...
Hallo Bildermacher. Ich habe diese Version der Seite auch nicht online, da es wie gesagt einen schlechten Eindruck macht. Bin ich der Erste mit diesem Problem? Ansonsten kann ich heute Abend eine Testseite mit dieser Darstellung hochladen. Gruss
Hab die Testseite kurz hochgeladen, wie gesagt wird dieses Problem von Firefox automatisch gelöst, hat jemand eine Idee? http://www.gear-corner.com/test/
Ich habe die Testseite jetzt im
anzeigen lassen.
Alle zeigen das beschriebene Fehlverhalten bei mir nicht.
Ich kann mir vorstellen, dass es erst zu dieser Fehldarstellung kommt, wenn ein bestimmtes Script ausgeführt wird. Ich denke da an den Besucherzähler ...
Mit FF mobil ist auch alles OK. Mehr kann ich grad nicht testen. Allerdings ist das fixierte graue Rechteck nur links zu sehen, dehnt sich also nicht bis rechts. Gruß Marboe
Hallo Bildermacher. Das verstehe ich jetzt nicht, mein IE zeigt mir das so an:
[...] mein IE zeigt mir das so an: [...]
Meiner auch...
Der Grund wird aber schnell klar, wenn man sich die vom YouTube Server ausgelieferten Videos näher ansieht.
Das von Dir festgestellte Problem besteht nur, wenn das Video als Flash Version ausgeliefert wird. In der HTML5 Variante erscheint es auch im Internet Explorer wie von Dir gewünscht, hinter dem grauen Grafik Rechteck.
So stellst Du Deinen IE ein, dmit es auch bei Dir klappt...
Und dann deaktivierst Du die Flash Option:
Danach verschwindet das Video auch bei Dir hinter dem grauen Rechteck.
Klar, dass das nur die halbe Lösung ist, denn alle Besucher Deiner Site, die die Flash Option aktiv haben, werden nach wie vor mit dem Problem konfrontiert.
Abhilfe könntest Du nur schaffen, wenn Du das Video ausschließlich für HTML5 kompatible Browser bereitstellst. Die Flash Variante (mp4, flv, etc.) dürfte dann nicht mehr hochgeladen werden.
Viel Erfolg
Hallo BeRo, danke für die hilfreiche Antwort aber so ist das für mich keine Option, ich gehe davon aus das 80% der Anwender mit dem gleichen IE arbeiten wie du und ich...
Ich habe soeben eine weitere Testseite hochgeladen; www.gear-corner.com/test1. Warum wird mein Browserhintergrund beim herauszoomen mit Strg+Mausraad gerastert angezeigt?
Danke!
[...] ich gehe davon aus das 80% der Anwender mit dem gleichen IE arbeiten wie du und ich. [...]
Selbst wenn das zutrifft, sollte Dich das nicht daran hindern, das Video ausschließlich für HTML5 kompatible Browser anzulegen. Damit kommen alle auch nur halbwegs modernen Browser klar und keiner der Besucher Deiner Website wird irgendwelche Einschränkungen hinnehmen müssen...
Probier's einfach aus.
Unabhängig von Deinem aktuellen Problem, das ja auch von Flash Eigenarten verursacht wird, ist im WWW schon seit Monaten ein ständig stärker werdender Trend "weg von Flash" zu beobachten. Es ist leicht abzusehen, dass in naher Zukunft kein Browser mehr Flash Dateien wiedergeben kann, zumindest nicht automatisch.
Die mobilen Geräte-, allen voran die Geräte der i-Family, sind ja sowieso nicht in der Lage Flash Dateien anzuzeigen...
Flash basierte Dateien sollten also schon jetzt nicht mehr auf Webservern angeboten werden.
[...] Warum wird mein Browserhintergrund beim herauszoomen mit Strg+Mausraad gerastert angezeigt? [...]
K. A.
Das Problem kann ich nicht nachvollziehen...
Je nach verwendetem Browser gibt es Einstellmöglichkeiten für die Darstellung des Hintergrunds (Farbe). Eventuell hast Du an der Stelle etwas verändert?
Hallo BeRo, danke für die Infos! Auf deinen Tip hin habe ich nun eine weitere Testseite unter gear-corner.com/test2 erstellt. Hier habe ich das Video als HTML5 / iframe eingebettet und dabei einen hier im Chat nicht darstellbaren Code verwendet, da der Chat dort unterbrochen wird.
Der IE meines privaten PC's zeigt das nun richtig an, der IE in meiner Firma allerdings nicht (Video beim scrollen vor fixierter Ebene) Wie wird das bei dir dargestellt? Habe ich den richtigen code eingepflanzt?
Des Weiteren habe ich nun festgestellt, dass meine Navigationsleiste keinen MouseOver Effekt mehr hat (seit diese in der fixierten Ebene ist). Ich habe dann versucht eine zweite fixierte Ebene als MousOver zu nutzen in welche ich den Teil der Navigationsleiste mit MouseOver Effekt kopiert habe, brachte aber keine Verbesserung. Hast du hier einen Lösungsvorschlag?
Das dritte und (hoffentlich) letzte Problem ist nun der waagerechte fixierte Balken (Logo, Slideshow, Navigationsleiste, Icons) welchen ich gerne auf die ganze Horizontale (flexibel in allen Browsern und Formaten) anwenden würde, ohne dass rechts und links von der Seite etwas nach oben fährt beim scrollen, welche Möglichkeit habe ich dazu? Die Seite soll dabei nicht breiter werden, lediglich der Browserhintergrund in diesem Teil der Seite soll fixiert werden, sofern das geht.
Danke im Voraus:-D!
[...] ich gehe davon aus das 80% der Anwender mit dem gleichen IE arbeiten wie du und ich. [...]
Selbst wenn das zutrifft, sollte Dich das nicht daran hindern, das Video ausschließlich für HTML5 kompatible Browser anzulegen. Damit kommen alle auch nur halbwegs modernen Browser klar und keiner der Besucher Deiner Website wird irgendwelche Einschränkungen hinnehmen müssen...
Probier's einfach aus.
Hallo BeRo, danke für die Infos! Auf deinen Tip hin habe ich nun eine weitere Testseite unter gear-corner.com/test2 erstellt. Hier habe ich das Video als HTML5 / iframe eingebettet und dabei einen hier im Chat nicht darstellbaren Code verwendet, da der Chat dort unterbrochen wird.
Der IE meines privaten PC's zeigt das nun richtig an, der IE in meiner Firma allerdings nicht (Video beim scrollen vor fixierter Ebene) Wie wird das bei dir dargestellt? Habe ich den richtigen code eingepflanzt?
Des Weiteren habe ich nun festgestellt, dass meine Navigationsleiste keinen MouseOver Effekt mehr hat (seit diese in der fixierten Ebene ist). Ich habe dann versucht eine zweite fixierte Ebene als MousOver zu nutzen in welche ich den Teil der Navigationsleiste mit MouseOver Effekt kopiert habe, brachte aber keine Verbesserung. Hast du hier einen Lösungsvorschlag?
Das dritte und (hoffentlich) letzte Problem ist nun der waagerechte fixierte Balken (Logo, Slideshow, Navigationsleiste, Icons) welchen ich gerne auf die ganze Horizontale (flexibel in allen Browsern und Formaten) anwenden würde, ohne dass rechts und links von der Seite etwas nach oben fährt beim scrollen, welche Möglichkeit habe ich dazu? Die Seite soll dabei nicht breiter werden, lediglich der Browserhintergrund in diesem Teil der Seite soll fixiert werden, sofern das geht.
Danke im Voraus:-D!
[...] habe ich das Video als HTML5 / iframe eingebettet und dabei einen hier im Chat nicht darstellbaren Code verwendet [...]
Das ist leider ein bis heute nicht korrigiertes Problem mit dem Forum Editor. Der Code kann aber dargestellt werden, wenn Du bei einer enthaltenen URL das führende "http:" vermeidest. Das sieht dann z.B. so aus (gelbe Markierung):
-------------------------------
<iframe width="640" height="360" src="//www.youtube.com/embed/ArTXGU-oED4?html5=1" frameborder="0" allowfullscreen></iframe>
------------------------------
Der Code funktioniert genauso, wie der mit dem führenden "http:"
[...] Der IE meines privaten PC's zeigt das nun richtig an, der IE in meiner Firma allerdings nicht [...]
Der Grund ist immer noch derselbe.
Ein Browser (der in der Firma) arbeitet mit aktiviertem Flash Plugin, der andere nicht.
Abhilfe schafft ein (noch) nicht dokumentierter Workaround, mit dem Du den YT Server veranlasst, das Video in jedem Fall als HTML5 Video auszuliefern, wenn der anfragende Browser den Player bereitstellt. Die dazu nötige Ergänzung im iframe Code ist oben grün markiert.
Ohne diese Ergänzung liefert der YT Server das Video immer im Flash Format aus, wenn der aufrufende Browser die Flash Wiedergabe unterstützt.
[...] Des Weiteren habe ich nun festgestellt, dass meine Navigationsleiste keinen MouseOver Effekt mehr hat [...]
Wenn Du für die Fixierung der NavBar die WD Funktion "Website-Element ausgedehnt/fixiert..." benutzt hast, ist das sicher nicht die Ursache. Das Problem könnte in einer unbeabsichtigten Verschiebung der MouseOver Ebene liegen. Die muss in jedem Fall unmittelbar über der MouseOff Ebene liegen!
[...] der waagerechte fixierte Balken (Logo, Slideshow, Navigationsleiste, Icons) welchen ich gerne auf die ganze Horizontale (flexibel in allen Browsern und Formaten) anwenden würde [...]
Dazu legst Du den Balken (Rechteck Grafik) an die unterste Position in der MouseOff Ebene und gibst ihm die Attribute "fixiert" und "ausgedehnt auf die Breite"
Damit solltest Du Dein "Problemprojekt" abschließen können.
Viel Erfolg
des Weiteren habe ich nun festgestellt, dass meine Navigationsleiste keinen MouseOver Effekt mehr hat [...]
Wenn Du für die Fixierung der NavBar die WD Funktion "Website-Element ausgedehnt/fixiert..." benutzt hast, ist das sicher nicht die Ursache. Das Problem könnte in einer unbeabsichtigten Verschiebung der MouseOver Ebene liegen. Die muss in jedem Fall unmittelbar über der MouseOff Ebene liegen!
Diese Attributte unter Website Element von denen du sprichts, kann ich nicht finden. Wo gibts diese Einstellung beim Webdesigner MX Premium 8? Ich habe die Navigationsleiste mit der Anleitung von Marboe; www.magix.info/de/objekte-fixieren-webdesigner-9-premium.online-training.1014863.html fixiert...
[...] der waagerechte fixierte Balken (Logo, Slideshow, Navigationsleiste, Icons) welchen ich gerne auf die ganze Horizontale (flexibel in allen Browsern und Formaten) anwenden würde [...]
Dazu legst Du den Balken (Rechteck Grafik) an die unterste Position in der MouseOff Ebene und gibst ihm die Attribute "fixiert" und "ausgedehnt auf die Breite"
Auch hier sieht es nach den Einstellungen aus die es bei mir nicht zu geben scheint, könnten aber zur Lösung des Problems beitragen...
Damit solltest Du Dein "Problemprojekt" abschließen können.
Viel Erfolg
[...] Ich habe die Navigationsleiste mit der Anleitung von Marboe [...] fixiert. [...]
Ok, mit WD8 bist Du auf andere Verfahren angewiesen, z. B. auf das FixedTab Tweak. Damit kannst Du zwar recht einfach Objekte fixieren, aber leider nicht mit MouseOver Funktion.
Was Du tun musst, um auch mit dem WD8 eine NavBar zu fixieren, die MouseOver Effekte kann, das habe ich in diversen anderen Threads beschrieben (klick).
Mit der Methode kannst Du auch einen Balken (Rechteck Grafik) fixieren, obwohl dazu auch das FixedTab Tweak genügt.
Lies Dich mal in das beschriebene Verfahren ein...
Viel Erfolg
[...] Ich habe die Navigationsleiste mit der Anleitung von Marboe [...] fixiert. [...]
Ok, mit WD8 bist Du auf andere Verfahren angewiesen, z. B. auf das FixedTab Tweak. Damit kannst Du zwar recht einfach Objekte fixieren, aber leider nicht mit MouseOver Funktion.
Was Du tun musst, um auch mit dem WD8 eine NavBar zu fixieren, die MouseOver Effekte kann, das habe ich in diversen anderen Threads beschrieben (klick).
Danke, das habe ich befolgt und alles passt soweit, nur die Navigationsleiste ist nun am linken Browserrand, wie kann ich den code umschreiben, damit die Position in der mitte ist? das müsste doch bei "allign" möglich sein, oder?
Mit der Methode kannst Du auch einen Balken (Rechteck Grafik) fixieren, obwohl dazu auch das FixedTab Tweak genügt.
Ich denke das wird klappen, wie kann ich diesem Balken aber die Attribute "an Browser anpassen" geben, sodass dieser je nach Browsertyp immer in die Länge gezogen wird?
Ich habe festgestellt, dass sobald ich 2 Elemente (in meinem Fall der Balken und die Nav) in einer Seite habe welche auf einen Platzhalter verweisen, das Ganze nicht mehr sauber dargestellt wird. Nun liegt die Navigationsleiste hinter dem Balken an einer nicht nachweisbaren Position. Habe ich was vergessen?
Warum muss das auch alles so kompliziert sein
Lies Dich mal in das beschriebene Verfahren ein...
Viel Erfolg
Hast du einen Vorschlag, welche Version des Webdesigners geeigneter wäre für mein Vorhaben?
[...] wie kann ich den code umschreiben, damit die Position in der mitte ist? [...]
Du schreibst nicht, welche der möglichen Methoden (Scriptlets) Du benutzt hast. Lies Dir bitte mal diesen Thread vollständig durch. Da habe ich u.a. auch erklärt, wie die NavBar oben zentriert angeordnet werden kann.
Die dazu passende online Demo kannst Du hier ansehen.
[...] wie kann ich diesem Balken aber die Attribute "an Browser anpassen" geben [...]
Das geht vermutlich am besten mit einem kleinen CSS Script. Ein fertiges Script habe ich zwar nicht zur Hand, wenn Du aber z. B. mal hier suchst, findest Du sicher schnell ein passendes...
Viel Erfolg
P.S.
Wenn Du auf einen Kommentar antwortest, macht es keinen Sinn, den kompletten Kommentar zu zitieren (Fullquote) oder, noch schlimmer, innerhalb des Fullquotes eigene Kommentare als Zitat einzubringen. Da blickt dann so recht niemand mehr durch...
Besser wäre es, Du würdest nur die Textteile (z. B. einen Satz) des vorangegangenen Kommentars zitieren, auf die Du direkt Bezug nimmst. Wie das aussehen kann, das siehst Du in meinem aktuellen Posting.
Der Forum Editor lässt es problemlos zu, einzelne Textzeilen als Zitat zu kennzeichnen, wenn Du den Cursor in die zu kennzeichnende Zeile stellst und dann das Zitat Icon '' klickst.
Probier's mal bei Deiner nächsten Antwort
[...] Hast du einen Vorschlag, welche Version des Webdesigners geeigneter wäre für mein Vorhaben? [...]
Klar, der WD11 premium.
Wenn Du Dich mal vertrauensvoll an den Vertrieb wendest, wirst Du dazu sicher auch ein preisreduziertes Upgrade/Crossgrade Angebot bekommen.
Das geht vermutlich am besten mit einem kleinen CSS Script. Ein fertiges Script habe ich zwar nicht zur Hand, wenn Du aber z. B. mal hier suchst, findest Du sicher schnell ein passendes...
Ich glaube schon etwas passendes gefunden zu haben, toller link!
Wenn Du Dich mal vertrauensvoll an den Vertrieb wendest, wirst Du dazu sicher auch ein preisreduziertes Upgrade/Crossgrade Angebot bekommen.
Danke, ich denke mit meinem Vorhaben werde ich wohl der Einfachheit halber upgraden müssen. Ich habe allerdings WD10 und nicht 8, trotzdem glaube ich die einfachen Fixierungen von Navigationsleiten damit noch nicht machen zu könnnen, oder?
Besser wäre es, Du würdest nur die Textteile (z. B. einen Satz) des vorangegangenen Kommentars zitieren, auf die Du direkt Bezug nimmst
Danke für den Tip, das machts auch für mich einfacher
Ich habe meinen Browserhintergrund bei folgender Seite http://www.gear-corner.com/test/motorraeder_de.htm per gedrückter Strg Taste mit der Maus auf den Hintergrund gezogen, die Seite scheint aber mit 4400px zu lang zu sein um das sauber darzustellen. Gibt es dafür einen Lösungsansatz?
Danke!
[...] die Seite scheint aber mit 4400px zu lang zu sein [...]. Gibt es dafür einen Lösungsansatz? [...]
Das ist als Hintergrundbild sicher zu groß.
Solltest Du auf die Version 11 premium upgraden, erledigt sich die Frage von selbst. Der WD11 prem. hat eine Funktion eingebaut, die Hintergrundbilder automatisch auf die volle Fenstergröße skalieren kann.
Auch mit den Vorgänger Versionen ist es möglich Hintergrundbilder so anzulegen, dass sie immer formatfüllend zu sehen sind. Dazu genügen relativ kleine Bilder.
Wie das geht, das habe ich z. B. hier erklärt. Die dazu passende online Demo findest du hier.
Eine alternative Lösung findest Du hier. Da wird das HG Bild automatisch skaliert. Die online Demo dazu gibt es hier.
Wenn Du also für das kommende Wochenende noch nichts vor hast, weißt Du jetzt was Du tun kannst...
Viel Erfolg