Brauchen Sie Hilfe arbeiten mit Fußzeile in IE

Question

Als Web-Designer Ich hoffe, Websites zu machen, die zumindest in so vielen Browsern wie möglich funktionieren. Ich versuche immer noch für IE 7 für diejenigen Besucher zu entwerfen, die nur IE benutzen und sonst nichts wissen. Allerdings bin ich nicht zu vertraut ID IE und es ist Abstand und es ist Hacks.

Meine Website sieht gut aus, you can view it here, in jedem Browser außer IE. : s Zum Glück ist es jetzt nur die Fußzeile.

Ich hoffe, jemand kann mir Ratschläge geben und mir helfen, diesen Schluckauf zu beheben und dann geben Sie mir vielleicht einige Referenzen oder Artikel über IE & es ist & Hacks Probleme.

Meine Fußzeile nicht in entweder IE funktioniert 7 oder 8.

IE 7:

IE 8:

CSS

#footer { width: 100%; height: 503px; background: url(img/FOOTER-bg.jpg) repeat-x; background-color: #821d20; margin-top: 100px;/*border: 1px solid #0C0;*/} 
#footer a { text-decoration: underline; color: #c7bd89 !important; } 
#footer a:hover { text-decoration: none; color: #fff; } 

#footer h6 { background: url(img/FOOTER-HR-BG.jpg) left center repeat-x; text-align: left;} 
#footer h6 span { background: #8e2023; display: inline-block; padding-right: 5px; } 

Ich habe Ich habe eine Menge verschiedener Methoden ausprobiert, aber ich bin mir nicht sicher, was mit dieser Fußzeile im IE passiert. Wenn jemand etwas Licht auf etwas werfen könnte, würde es sehr geschätzt werden!

Answer 1

Sie haben eine nicht geschlossene Seite Element für Starter. Wenn du es in ie8 ansiehst und f12-Entwicklerwerkzeuge verwendest, kannst du sehen, wie die Fußzeile jetzt ein Kind des Elements ist. schließe den Typen raus .... sollte helfen.

Answer 2

Ich bin mir nicht sicher über die Wurzel des Problems, aber statt "float: right;", mit "position: absolute; right: -2px;" scheint das Problem zu lösen (stellen Sie auch sicher, dass #searchform eine relative Position hat).