[Frage] Iframe verschiebt Navigation um 1px [Google Chrome]

[.AppleTree.]

Hallo liebe Web Dev Com.

Ich habe bei meiner Website die ich für die Berufsschule mache ein Problem, und zwar geht es darum:

Ich habe eine Fixe Navigation (positio absolute) oben. Auf einer der Seiten die ich habe, befindet sich ein iFrame (YT Vid). Wenn ich nun nach unten Scrolle und die Navi über dem iFrame liegt, dann verschiebt sich die Navi (NUR) im Google Chrome um ca. 1px gegen links.
Wie ihr euch schon denken könnt ist das ein hässlicher Schönheitsfehler.

Damit ihr euch das Problem besser vorstellen könnt hier ein Link zu der Seite:

Das ist zwar nicht die ganz aktuelle Seite, aber es geht ja auch nur um dieses Problem. Zudem denke ich nicht das es sehr übersichtlich währe hier den ganzen Source Code zu schreiben, da ihr den ja einfach im Browser anschauen könnt oder die Site rippen.^^

Wenn ihr wollt könnt ihr auch noch Anregungen zur Seite geben, jedoch müsst ihr dabei beachten dass auf der Seite (noch) nicht die aktuellste Version vorhanden ist. (Keine angst die kriegt noch ne richtige Domain ^^)

Vielen Dank schon mal.

EDIT: Der Fehler tritt nicht immer auf, beispielsweise wenn ich 10% heran oder hinaus zoome ist alles perfekt... aber bei 100% spackts. falls dennoch jmd. helfen kann störts auch nicht

MFG AppleTree

[UserIsGrateful]

@.AppleTree.


1. Also ich habe deinen Klick-Mich-Link mal unter die Lupe genommen! Zunächst sei zu sagen, dass ich weder im Chrome, noch FF, Safari oder Opera den von dir beschriebenen Fehler feststellen konnte - keine Verschiebung zu sehen ... scroll-unabhänig!

2. Desweiteren ist der Aufbau von <header>, <section>, <footer> etwas durcheinander gewürfelt. Also zumindest für meinen Geschmack. D. h.: das der "nav-Bereich" im <header> unterschiedlich groß zum "section-Bereich" ist. Jedoch könnte man dies im Zweifel auch so lassen, doch eine etwas bessere Verschachtelung wäre angebracht .



Soviel zu deiner Bitte um Anregungen zur Seite usw. Doch evtl. hast du sie ja nun anders aufgebaut oder so (andere Version).

Wenn das Problem noch immer auftreten sollte, scrolling-nav-iframe usw., dann könntest du die Positionierung mit jQuery bspw. für den Chrome Browser abfangen und einzeln einstellen. Doch dies wäre Aufwand für 1px !?

Scheu dich nicht zu fragen, falls du Hilfe bei der Positionierung brauchen solltest! Denn in Kombination mit position: absolute; und position: relative; kannst du schön Auflösungsunabhängig deine Grafiken oder div's anbringen.

Nach dem Motto: WYSIWYG .


btw.: "Be sure to drink your Ovaltine."

[.AppleTree.]

Danke für die Ideen.

Die Verschachtelung habe ich tatsächlich schon ein wenig verschönert.

Dennoch tritt bei mir das Problem mit der neusten Chrome Version sowohl am Laptop wie auch am PC auf, auch ein Kumpel von mir hat das selbe fest gestellt als er die Seite geöffnet hatte.

Falls jmd. noch Ideen hat bin ich offen dafür, aber wegen dieses einen Pixels habe ich trotzdem nicht vor jQuery zu verwenden.

PS: Auf dieser Seite habe ich den selben Fehler gefunden...

MFG AppleTree

[UserIsGrateful]

@.AppleTree.


Hmm, scheint etwas kurios zu sein ... gerade bezüglich deines "EDITs" - Zoom! Habe es auf 1920x1080 und 1280x800 Auflösungen getestet und noch immer kein Fehler gefunden. Auch nicht auf der anderen Seite, die du als Fehler ermitteln konntest.

Könntest du evtl. mit 2 Bilder festhalten, wo genau der Fehler dann auftritt?! Tritt der Fehler bei dir im Chrome auf, wenn du das Browser-Fenster nicht maximiert hast? Nur mal so eine Interessensfrage.

Für weitere Vorschläge seitens der Community wäre ich auch dankbar, denn solch' Kleinigkeiten kann einen manchmal auf Trapp halten und nerven .


Angenehmen Tag noch!

[.AppleTree.]

Soo da der Fehler bei mir.



MFG AppleTree