Sailor

Lass deine Seite mal vom Validator überprüfen.
https://validator.w3.org/nu/?d…ps%3A%2F%2Fwww.vcfm.ch%2F

Auf die Schnelle finde ich nur eine mögliche Ursache - in einer deiner Bootstrap CSS Dateien wird für die Klasse 'row' links und rechts ein Margin von -15px vorgegebene.
(Quelltext, 8 Zeilen)

Versuche das mal zu überschreiben durch
(Quelltext, 4 Zeilen)…

Gib uns einen Link zu der Problemseite, Rätsel raten ist nicht zielführend und Hellsehen können wir nicht.
Wenn die Seite noch nicht online ist, dann poste den kompletten Code (HTML und CSS ) und nutze dafür die in der Kopfleiste zur Verfügung…

Zeig uns den Code,,, am besten den Link zur Seite... dann verraten wir dir, wie es geht.

Da wirst du Probleme bekommen, da du deine beiden Container mit position: fixed; eingebunden hast und das eignet sich sich nun mal gar nicht für dein Vorhaben.
Schau dir mal CSS FlexBox an... https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ...…

Ja... jetzt sind wir wohl auf dem gleichen Stand.
Auf die Schnelle fällt mir da erst mal ein pointer-events: none; im CSS für das <span>...</span> und <p>...</p> Element ein, um den Zoom-Effekt aufrecht zu erhalten.
Hat aber den Nachteil, dass du diese…

Teste doch bitte mal, ob der folgende Code bei dir funktioniert... zuerst den Inline Style mit dem 'background:url....' aus dem HTML Code löschen und dann den CSS Code zusätzlich deinem CSS Code hinzufügen.
(Quelltext, 12 Zeilen)

Ja... dann scheint es einen gravierenden Unterschied zwischen deinem System und meinem System zu geben.
Ich teste das mit WIN 10 und FireFox 72.0.1 (IE11, Edge, Chrome und Opera liefern das gleiche Ergebnis).
Und bei mir sieht das so aus... ohne hover:
…

(Zitat von kvnhmn)

... kann nicht sein - zumindest nicht mit dem HTML und CSS Code, den du gepostet hast!
Dein <div class="ix-sec-bg"...> hat weiterhin keine Höhenangabe und wird daher auch mit 0px Höhe angezeigt... das Hintergrundbild ist gar nicht…

Dein Code stimmt nicht mit dem überein, was du in deinem Anfangsbeitrag beschrieben hast????
Du hast du nur ein :hover in Code und dieses :hover beeinflusst nur das <span>blog</span> (opacity)... das Hintergrundbild, welches nach deiner Beschreibung…

1. du solltest in Zeile 4 den <p> Tag korrekt mit </p> schließen ... nicht mit </>
2. wie sieht das CSS zu deinem Code aus?

Dann setze mal anstelle des Pixelwertes 100% für die Höhe ein - letztlich kommt es aber darauf an, ob du den linear-gradient über die gesamte Höhe des Bodies habe willst, auch wenn mehr Inhalt auf der Seite ist, als angezeigt wird - oder ob du immer…

Hast du dem 'body' im CSS eine Höhe (height) gegeben? Dieser Effekt lässt darauf schließen, dass die Höhenvorgabe kleiner ist, als der tatsächliche Platzbedarf für den Inhalt der Seite.

1. Du solltest bei dem Aufruf der Funktion mit dem 'onclick' einen Parameter übergeben (1 . 2 oder 3) - zB onclick="changeContent(1);"
2. In der JavaScript Funktion 'changeContent' müssen dann die unterschiedlichen Texte als Variable definiert werden.
…

Da es sich bei dem von dir gewünschten, auszublendenden Text nicht um eine eigenständig anzusprechendes HTML Element handelt, sonder um Teil einer 'Linkbeschreibung' in einem <a>...</a>, muss wohl zuerst das gesamte Element unsichtbar gemacht werden…

Ja das sieht doch schon deutlich besser aus - ich denke auch, dass du gemerkt hast, dass das gar nicht so schwierig ist.
Nur eine Kleinigkeit ist mir aufgefallen. Du nutzt immer noch den veralteten Meta-Tag...
(Quelltext, 1 Zeile)

Für HTML5 wäre der…

Crossposting bedeutet, dass ein und dieselbe Frage in mehreren Foren oder Newsgroups gleichzeitig gestellt wird. Ein solches Verhalten wird von den meisten Helfern nicht toleriert, denn damit stellst Du einerseits die Kompetenz der Helfer jedes einzelnen…

Aus dem, was du hier eingefügt hast, ist nicht erkennbar, wo das Problem liegt - bitte gib uns einen Link zu der Seite.
Wie sieht die CSS Formatierung für die Klasse 'logo' aus?
Ist die Link-Adresse zu der Bilddatei richtig? ... auch auf Groß-…

(Zitat von piet9090)

Das wäre wohl die einfachste und schnellste Methode.
Erzeuge einfach eine Datei (zum Beispiel 'oberer_teil.php') in der der gesamte Code vor dem <div class="two"> gespeichert ist.
Dann eine zweite Datei (zum Beispiel…

(Zitat von Dropthemike)

So ziemlich alles!
Du hast einen Inline-Style, der auf jeden Fall in Sachen Formatierung dominant ist und deine Formatierungen im CSS-Stylesheet überschreibt. Es sei denn, du nutzt im im Stylesheet !important.
In deinem Fall sind…