div不作用於Firefox/ie就像在鉻上

有人可以告訴我爲什麼這個加載的圖像在Chrome中顯示正常，但在Internet Explorer或Firefox中不顯示？它應該只是在頁面上正常浮動，但Firefox和IE似乎把它放在頁面的開始。div不作用於Firefox/ie就像在鉻上

網站：http://thc-racing.ucoz.com/

HTML：

<div id="preload">Loading page... <img src="/design/loading.gif" /></div>

CSS：

div#preload { 
    position: absolute; 
    bottom: 40px; 
    right: 50px; 
    background-image: url('http://thc-racing.ucoz.com/design/loading-bg.png'); 
    padding: 8px; 
    border-radius: 5px; 
    border-style: solid; 
    border-color: #d7d7d7; 
    border-width: 1px; 
    font-weight: bold; 
    align: right; 
}

感謝

來源

2013-08-21 Skan So

試頂部，左側定位而不是底部，正確。 – palerdot

什麼是'align：right;'？你的意思是'文本對齊：正確;'？ –

Wilson Biggs並不代表什麼，我的錯誤 –

答案是（可能）Firefox和Internet Explorer瞭解股利的方式，我不得不用表格替換div，因爲他們沒有閱讀th ËCSS propely，所以這裏是代碼：

HTML：

<table id="preload"><tbody><tr><td style="padding:8px;">Loading page... </td><td style="padding:8px;"><img src="/design/loading.gif" /></td></tr></tbody><table>

CSS：

#preload { border-collapse: separate !important; position:absolute; bottom:40px; right:50px; font-weight:bold; background-image:url('/design/loading-bg.png'); border-radius:5px; border-style: solid; border-color:#d7d7d7; border-width: 1px; border-spacing: 0; }

一切都運行完美了，謝謝大家的幫助

來源

2013-08-21 20:49:20

div不作用於Firefox/ie就像在鉻上

回答

相關問題