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

아무에게도이로드 이미지가 Chrome에는 좋지만 Internet Explorer 또는 Firefox에는 표시되지 않습니다. 그것은 정상적으로 페이지 위에 떠 있어야하지만 Firefox와 IE는 페이지의 처음에 그것을 두는 것처럼 보입니다.div가 firefox/Chrome에서 작동하지 않습니다.

웹 사이트 : 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;'란 무엇입니까? 'text-align : right; '를 의미합니까? –

윌슨 빅스는 실제로 의미가 없습니다. 내 실수는 –

대답은 (아마도) 파이어 폭스와 인터넷 익스플로러가 사업부를 이해하는 방법이다, 나는 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; }

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

출처

2013-08-21 20:49:20

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

답변

관련 문제