Der Code wird wegen der Barrierefreiheit eingefügt und ist per Default in jedem Menü vorhanden. Der Link erlaubt es Benutzern von Screenreadern, das Menü zu überspringen um schneller an die eigentlichen Inhalte zu kommen. Das Problem ist mit hoher Wahrscheinlichkeit auch nicht das eigentlich unsichtbare Pixel, das ist auf der funktionierenden Seite auch drin.
Auf der "falsch" dargestellten Seite ist in deinem CSS
Code:
.image_container, img {
width: 100%;
}
Auf der richtig dargestellten Seite ist das anders. Klicke ich das in den Developer Tools weg, dann passt alles und sieht aus wie auf der anderen Seite. Aber durch diesen Style wird deine Lupenbildchen breiter, sieht man ja auch, wie verzerrt die Lupe aussieht. Damit sprengst du dein Layout.
Lesezeichen