Footer IE Problem...

joker66

Hallo Wordpressler!

Ich bin momentan an der Anpassung eines Themes/Templates dran und habe ein Problem das ich irgendwie nicht gelöst bekomme.

Wenn ihr euch die folgende Seite im Internet-Explorer anschaut, werdet ihr direkt sehen was ich meine...

Über uns Bestattungen Mustermann

Das Problem tritt wie immer nur im IE auf, in Firefox ist der Footer da wo er hingehört...ganz nach unten!!!

Ich hab schon einiges ausprobiert, da ich aber nicht gerade der php/css crack bin, würde ich mich freuen wenn mir jemand einen kleinen Tipp geben könnte wie der Footer auch im IE nach unten rutscht...

Hier sie Stylecheets:

Code

* footer */
#footer-wrapper {
    background:#9F8852;
    clear: both;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    color:#333;
    font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;
}
#footer-wrapper h3, #footer-wrapper p {
    padding-left: 0;
}
#footer-wrapper h3 {
    font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    color: #ABABAB;
    padding-left:35px;
}
#footer-wrapper a {
    color: #2fa1b8;
    background: transparent;
}


#footer-wrapper ul.footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer-wrapper ul.footer-list li{
    margin: 0;
    padding: 0;
    margin-left: 0;
    padding-left: 0;
}


#footer-wrapper ul.footer-list li li {
    border-bottom: 1px solid #f1f1f1;
}




#footer-wrapper ul.footer-list li a, #footer-wrapper ul.footer-list li li a {
    display: block;
    width: 100%;
    line-height: normal;
    font-weight: bold;
    padding: 4px 0;
    border: none;
    margin-left: 0;
    padding-left: 0;
    color: #656565;
}
#footer-wrapper ul.footer-list li a span, #footer-wrapper ul.footer-list li li a span {
    color: #444;
    font-style: italic;
    font-weight: normal;
    font-family: Georgia, 'Times New Roman', Times, serif;
}


#footer-wrapper ul.footer-list li a:hover,
#footer-wrapper ul.footer-list li li a:hover,
#footer-wrapper ul.footer-list li a:hover span,
#footer-wrapper ul.footer-list li li a:hover span {
    color: #333;
    text-decoration: none;
}


#footer {
    float: left;
    width: 100%;
    padding: 0;
    margin-left: 5px;
    margin-top: 10px;
    padding-bottom: 15px;
}
#footer-bottom {
   background:#9F8852;
    clear: both;
    width:100%;
margin: 0 auto;
   color:#fff;
}


#footer-bottom .bottom-left a, #footer-bottom .bottom-right a {
    color: #f5feff;
    background: transparent;
}
#footer-bottom .bottom-left a:hover, #footer-bottom .bottom-right a:hover {
 text-decoration:underline;
}






#footer-bottom .bottom-left {
    float: left;
    padding-left:15px;
    font-size: 95%;
}
#footer-bottom .bottom-right {
    text-align: right;
    padding-right:15px;
    font-size: 95%;
}


.bottom-col-one {width: 32%; float: left; }
.bottom-col-two {width: 32%; float: left; }
.bottom-col-three {width: 32%; float: left; }

Alles anzeigen

Vielen Dank schon mal für eure Hilfe!!!

grüsssssssse
Mark

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

marX

Dein HTML ist fehlerhaft. Im speziellen sind einige Elemente nicht korrekt verschachtelt. Die "richtige" Anzeige im Firefox ist also eher Zufall.

:arrow: [Invalid] Markup Validation of http://bestatter1.vorsorge50plus.eu/?page_id=2 - W3C Markup Validator

joker66

????

Leider hilft mir das garnicht weiter, weil ich nicht verstehe was die ganzen "Fehlermeldungen" sollen...

von den 49 angezeigten Fehlern sind 49 die gleichen..:
"Line 173, Column 8: end tag for "div" omitted, but OMITTAG NO was specified. </div> You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">"."

Was genau soll das heißen? Bei den <br> versteh ich das ja noch das die <br/> sein sollen...aber bei div???

Und ich kann mir nicht vorstellen das diese Fehler was mit der richtigen Anzeige des Footers zu tun haben!? oder?

marX

Die Meldung besagt, das ein schließendes </div> zu einem öffnenden <div> fehlt. Bei dir fehlen u.a. die </div> zu

HTML

<!-- content starts -->
	<div id="content-outer" class="clear">
		<div id="content-wrapper">

Die Elemente <body> und <html> werden ebenfalls nicht geschlossen.

Und ja, genau sowas ist für Fehldarstellungen im Layout verantwortlich. Die Browser sind da unterschiedlich tolerant bzw. haben eine unterschiedliche Fehlerkorrektur. Kann gut sein, das ein Browser die Fehler ausbessern kann, während ein anderer das eben nicht mehr schafft.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Footer IE Problem...

Jetzt mitmachen!