2009-07-14 7 views
0

Div seltsam in IE Anzeige - es gibt eine Überraschung

body { 
 
    background: #9cdcf9 url(/images/left_cloud.png) bottom left no-repeat; 
 
    font-family:\"Trebuchet MS\"; 
 
    padding:0; 
 
    margin:0; 
 
    border:0; 
 
} 
 
#cloud-container { 
 
    width: 100%; 
 
    background: url(/images/right_cloud.png) bottom right no-repeat; 
 
    height: 100%; 
 
} 
 
#plane-container { 
 
    width: 100%; 
 
    background: url(/images/plane.png) top right no-repeat; 
 
    height: 20%; 
 
} 
 
#footer1 { 
 
    \t width:100%; 
 
    \t height: 180px; 
 
    \t background: url(/images/footer.png) bottom center repeat-x; 
 
    \t vertical-align: bottom; 
 
    \t text-align: center; 
 
    \t color: #fff; 
 
    \t text-shadow: #555 1px 1px 1px; 
 
    \t font-size: 11px; 
 
}

in FF perfekt funktioniert, aber macht die Seite fällt nach links und divs überlappt - weiß jemand, was es in der CSS ist, dass IE nicht Geschmack? - ein bisschen weit weg, aber hey ....

+4

Können Sie den HTML-Posten Sie Ihre die Stile zu bewerben oder es ist zu schwer zu erraten, was passiert sein könnte. –

+0

Screenshot der Probleme wäre auch schön! – Meep3D

+0

Nun, wenn diese umgekehrten Schrägstriche in 'font-family' im ursprünglichen CSS existieren, möchten Sie vielleicht dort anfangen. Es bringt hier die Syntaxhervorhebung durcheinander, ebenso wie die Code-Hervorhebung in meinem Textmate. Ich erinnere mich auch vage daran, dass IE etwas mit Backslashs gemacht hat ... Es war ein CSS-Hack. – jonwd7

Antwort

0

Obwohl es schwierig ist, von Ihrer Frage ohne das HTML oder Bild zu erzählen, ich denke, die Antwort auf Ihr Problem könnte sein, Ihre Divs schwimmen.

#cloud-container, #plane-container, #footer1{ 
    float:left; 
} 

Sie möchten vielleicht auch common IE CSS issues für diese Seite überprüfen