div가 firefox/Chrome에서 작동하지 않습니다.

Question

아무에게도이로드 이미지가 Chrome에는 좋지만 Internet Explorer 또는 Firefox에는 표시되지 않습니다. 그것은 정상적으로 페이지 위에 떠 있어야하지만 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; 
} 

감사

Answer 1

대답은 (아마도) 파이어 폭스와 인터넷 익스플로러가 사업부를 이해하는 방법이다, 나는 div를 테이블로 대체해야했다. 왜냐하면 그들은 th를 읽지 못했기 때문이다. 전자 CSS는 propely, 그래서 여기에 코드입니다 :

HTML :

CSS

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

:

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

모든 것을 지금, 덕분에 도움을 모두