2009-07-14 5 views
0

本部 -

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; 
 
}

驚きがFFで完璧に動作しますが、左側のページの秋を行い、div要素が重なっています - 誰もがそれはIEがないことをCSSであるか知っているん好み? - 長いショットのビットですが、ちょっと....

+4

ために、このページをチェックアウトする場合がありますまたはそれが起きているかもしれないものを推測するためにあまりにも難しいです。 –

+0

問題のスクリーンショットも素晴らしいでしょう! – Meep3D

+0

'font-family'の中のバックスラッシュが元のCSSに存在すれば、そこから始めたいと思うかもしれません。これは、ここで強調表示されている構文を混乱させているだけでなく、Textmateでコードの強調表示をしています。私はまた、IEがバックスラッシュで何かをやっていることを漠然と覚えています...それはCSSハックでした。 – jonwd7

答えて

0

あなたの質問からHTMLや画像なしで言うのは難しいですが、私はあなたの問題への答えはあなたのdivを浮かべることができると思う。

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

はまた、あなたはあなたのにスタイルを適用するHTMLを投稿することができcommon IE CSS issues