Header wird in Internet Explorer nicht richtig dargestellt

Gelöst Spieler25
(@spieler25)

vor 3 Jahren, 8 Monaten

Bei meiner Website https://www.waschmaschinen-kaufen.info/ wird der Header im Internet Explorer nicht richtig angezeigt bzw. er ist dort viel zu groß. Was muss ich machen, damit er genau so wie im Chrome und Firefox auch im Internet Explorer angezeigt wird?

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)

Moderator Bego Mario Garde
(@pixolin)

vor 3 Jahren, 8 Monaten

im Internet Explorer nicht richtig angezeigt

verwendet den noch jemand?

Das Theme ist im Theme-Verzeichnis nicht (mehr?) erhältlich. Sprich doch mal den Theme-Entwickler an.

Thread-Starter Spieler25
(@spieler25)

vor 3 Jahren, 8 Monaten

Ich denke, dass gerade ältere Leute noch den Internet Explorer verwenden. Das muss doch vermutlich an irgend einer CSS-Einstellung liegen?

bscu
(@bscu)

vor 3 Jahren, 8 Monaten

Für mich ist der Header auch im FF zu groß, wenn ich den AddBlocker nicht abschalte.

Versuche mal im CSS der Class navbar-brand ein text-align:left und der Class custom-logo ein max-width: 50%; zu verpassen.

Thread-Starter Spieler25
(@spieler25)

vor 3 Jahren, 8 Monaten

@bscu Vielen Dank schon mal für den Tipp. Das klappt auch in der Tat ganz gut für den Internet Explorer, nur dann passt es leider beim Chrome und Firefox wieder nicht mehr, da das Logo dann um 50 % zu klein ist, während es beim Internet Explorer genau richtig ist.

Thread-Starter Spieler25
(@spieler25)

vor 3 Jahren, 8 Monaten

@bscu Könntest du einen Screenshot machen, wie es bei dir im FF aussieht?

Moderator Angelika Reisiger
(@la-geek)

vor 3 Jahren, 8 Monaten

Hallo @spieler25

wenn die Werbung rechts entfernt wird, wird das Logo auf die gesamte Breite gezogen, in jedem Browser.

Wieso skalierst du das Bild nicht auf die richtige Größe, also Zuschneiden per Bildbearbeitungsprogramm? Dann brauchst du überall nur 100% zu setzen (height und width).

Thread-Starter Spieler25
(@spieler25)

vor 3 Jahren, 8 Monaten

@angelika Reisiger

Vielen Dank! Das hier hat geholfen:

.navbar-brand a img {
width: 100%;
}

Moderator Angelika Reisiger
(@la-geek)

vor 3 Jahren, 8 Monaten

@spieler25

nein, hat es nicht. Mit Adblocker geht der Header über die gesamte Breite, deswegen hatte ich diesen Vorschlag auch wieder entfernt.
pezi
(@pezi)

vor 3 Jahren, 8 Monaten
Das Headerbild cropped-waschmaschinen-kaufen.png hat 750 px Breite.
Ohne AdBlocker wird es auf normal großen Monitor auf die Breite der Site aufgezogen: 1110 px.
Mit Adblocker wird das Bild um ca. 50% verkleinert, weil der Bannerplatz daneben auch was braucht.

Willst es immer gleich groß, dann, wie Angelika sagt, gleich auf die gewünschte Größe zuschneiden. ZB 380 px.

PS: Schau dir das alles aber auch mal auf nem Smartphone an … oder im Browser -> Entwicklertools die Breite verändern.

PS 2: Vergiss den IE!
- Diese Antwort wurde geändert vor 3 Jahren, 8 Monaten von pezi. Grund: PS 2
Moderator Angelika Reisiger
(@la-geek)

vor 3 Jahren, 8 Monaten

Bevor dieser Thread noch weitere Support-Ressourcen verbraucht, setz ich den Thread mal auf gelöst.

Lösung: Das Bild mit den richtigen Maßen (Breite und Höhe) einfügen.