디스플레이 : 인라인 테이블을 사용하여 div에서 여분의 셀 공간을 제거 하시겠습니까?

Question

이것은 매우 성가신 일입니다. Firefox와 Opera에서 중첩 된 div 사이에 패딩이 발생하지만 Chrome과 Safari에서는 그렇지 않습니다.

나는 border-collapse:collapse

그러나 행운, 어떤 아이디어를 시도? !.

: 이 여분의 공간 내 유체 바닥 글 (모든 사업부의 폭이 100 %까지 추가 할 수 있지만 오페라와 파이어 폭스 내가 요청 결코이 공간을()는 오버 플로우를 추가하기 때문에 여기에

내 코드입니다 속이고있다 HTML :

<div id="footer"> 

<div class="info" id="message">&nbsp;&nbsp;Coming Soon</div> 
<div class="info" id="address">The Studio 22 Belsham Street London E9 6NG</div> 
<div class="info" id="telephone">+44 (0) 778 079 6488</div> 
<div class="info" id="enquiries">Enquiries</div> 
<div class="info" id="mailingList">Mailing List ___________________ Submit&nbsp;&nbsp;</div> 

</div> 

CSS :

#footer { 
z-index:3; 
position:fixed; 
bottom:0; 
width:100%; 
padding: 0; 
padding-bottom: 10px; 
display: table; 
margin: 0; 
border-collapse: collapse; 


} 

.info{ 
margin:0; 
padding: 0; 
display: inline-table; 
border: red 1px dashed; 
} 

#message { 
    width:10%; 
} 

#address { 
width:33%; 
text-align:center; 
} 

#telephone { 
width:20%; 
text-align:center; 
} 

#enquiries { 
width:5%; 
text-align:center; 
} 

#mailingList { 
width:29%; 
text-align: right; 
} 

Answer 1

답 :. 테이블 셀에 변경된 인라인 테이블 속성

의미가 있습니다.

희망이 있으면 도움이 될 것입니다.