Headerbild im FireFox verschoben, sonst alle Browser ok.

ansap

Hallo zusammen,

habe ein Theme (Twenty Eleven) umgebaut, dass es auf meine Site passt.
Bei IE und Chrome, stimmt das Layout der Seiten, doch der Firefox zeigt das Headerbild neben der eigentlichen Seite (alle Browser frisch geupdatet. FF zeigte solches auch mit einer früheren Version).

Nun suche ich schon einige Tage nach der entsprechenden Einstellung in der style.css, und auch in der rtl.css. Auch hier im Forum fand ich keine Lösung dazu.

In der rtl.css ist nichts zu finden, was auf den Firefox solche Auswirkungen haben könnte.
In der style.css fand ich diese Stelle, wo wohl auf den Firefox Einfluss hat, doch sehe ich nicht, was da bezüglich diesem Browser falsch ist:

Code

.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
 content: ' ';
 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
 width: 100%;
 height: 45px;
 position: absolute;
 top: 230px;
}

Alles anzeigen

Wo und was kann der Fehler sein?

Der Link zur Site: http://www.sappl.net

Danke für eure Hilfe,

ansap

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

nun du hast das Headerbild unter die Navigation gesetzt, somit stimmt die Formatierung nicht mehr

füge mal hier

Code

#branding img {
    display: block;
    height: auto;
    width: 100%;
}

dies

Code

clear: both;

hinzu

ansap

Danke, jetzt passt es.

Grüße,

ansap

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Headerbild im FireFox verschoben, sonst alle Browser ok.

Jetzt mitmachen!