Footer Bild doppelt im IE

axel.hoernschemeyer

Hallo,

ich habe bekomme im IE9 das Footerbild doppelt angezeigt.
Einmal normal so wie es richtig sein soll und einmal darüber mit
einem Link. Dieser Link ist immer der letzte Punkt aus meinem Text-Widget.

Kann mir jemand sagen wie ich das beheben kann?

Link zur Seite

Danke für Hilfe.
Axel

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

axel.hoernschemeyer

hmm. Niemand eine Idee?

Melewo

Woher auch, ich sehe zumindest keinen doppelten Footer im IE, wenn ich auf den Link klicke. Dafür aber Fehler im Quelltext, die nun wirklich nicht zu sein brauchten, wie die einseitig fehlenden Anführungszeichen beim width-Attribut.

Code

/2013/11/Hebammenfinder.png" width="250/>

axel.hoernschemeyer

Hallo Melewo,

danke für deine Info. Das fehlende " hab ich eingetragen.

Der doppelte Footer wird bei mir beim IE 9 angezeigt.
Ich hab mal ein Bild angehängt.
Das obere Bild ist immer mit dem letzten Eintrag (Link)
vom untersten Text-Widget verknüpft.

Noch eine Idee?

bgeissler

Ich würde mal die HTML-Fehler beseitigen:
http://validator.w3.org/check?uri=http….org%2Fservices

Melewo

Nun ja, da sind noch mehr Fehler enthalten, wie bei diesen Links, die eine Leerstelle zwischen <a href=" und http enthalten.

HTML

...
<a href=" http://www.hebammen-osnabrueck.de/Ammen/leistungen/">
...
<a href=" http://www.hebammen-osnabrueck.de/Ammen/hebammenzentrale/">
...
<a href=" http://www.hebammen-osnabrueck.de/Ammen/kinderschutzbund/">
...
<a href=" http://www.hebammen-osnabrueck.de/Ammen/fit-fuer-den-start/">
...

Doch daran kann es nicht liegen und ich sehe keine doppelte Footer-Grafik. Aber das ist wohl nix in der style.css, was stimmen könnte: center left no-repeat; Zumindest habe ich so eine verkürzte Schreibweise noch nicht gesehen.

Code

#footer {
    margin-bottom: 3px;
    background: url(http://www.hebammen-osnabrueck.de/Ammen/wp-content/uploads/2013/11/Welle_Footer.png) center left no-repeat;
    height: 155px;
    /*http://www.hebammen-osnabrueck.de/Ammen/wp-content/uploads/2013/11/Welle_Footer.png */
}

Eventuell so:

Code

.../Welle_Footer.png); background-position: center; background-repeat: no-repeat;

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

SirEctor

Ich würde evtl. das auskommentierte löschen. Kann sein, dass der IE sich daran verschluckt. Die verkürzte Schreibweise gibt es so.

Melewo

Wenn Du das schreibst, dann glaube ich Dir das sofort, bei anderen wäre ich skeptischer.

Doch wenn ich hier die möglichen Value-Kombinationen für background-position aufgelistet sehe, dann ergeben die einen Sinn, center left hingegen irgendwie nicht.

http://www.w3schools.com/cssref/pr_background-position.asp

SirEctor

Ok ... left center in der Reihenfolge wäre sicherlich besser, hast recht.. Normal schreibt man den ersten Wert für die X-Achse und den zweiten für die Y-Achse. Du kannst auch px angeben. Viele Browser kommen aber auch mit center left klar, weil left ja nur für X zuständig sein kann.

axel.hoernschemeyer: kann es sein, dass Du im Textwidget die a-Tag nie geschlossen hast? Vermutlich liegt es daran.

Melewo

SirEctor - Mit der verkürzten Schreibweise kannte ich so noch nicht, da habe ich nun wieder etwas gelernt.

axel - Die fehlenden </a> hatte ich übersehen, hatte nur auf die Leerstellen geachtet, nicht auf die fehlenden End-Tags. Die ergänze mal lieber:

Code

width="250"/></a>

axel.hoernschemeyer

Hallo SirEctor,

das war es. Der a-Tag war nicht geschlossen.

Jetzt funktioniert das auch. Danke.

Axel

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Footer Bild doppelt im IE

Jetzt mitmachen!