Firefox와 IE는 Chrome에서 다르게 보입니다.

내가 원하는 스타일링은 Chrome에 있지만 Firefox와 IE에서는 다르게 보입니다. 모든 필드는 "name"필드를 제외하고 오른쪽으로 플로트됩니다. 그것은 떠 다니는 것에 관한 것입니까? 내 크롬 : enter image description here Firefox와 IE는 Chrome에서 다르게 보입니다.

내 파이어 폭스와 IE : enter image description here

이 거대한 공간 "상태"외에이며 헤더가 너무 높이 더 큰 보인다.

=== CSS의 ====

.column-name { margin: 2px; width: 40%; } 
.column-priority { float: right; margin: 2px 12px; text-align: center; width: 100px;} 
.column-severity { float: right; margin: 2px 12px; text-align: center; width: 100px;} 
.column-status { float: right; margin: 2px; width: 100px;}

=== HTML의 ====

<div class="results-header "> 
     <div class="column-status" value="status">Status<span class="sort jive-icon-sml"></span></div> 
     <div class="column-severity" value="severity">Severity<span class="sort jive-icon-sml"></span></div> 
     <div class="column-priority" value="priority">Priority<span class="sort jive-icon-sml jive-icon-arrow-generic-down"></span></div> 
     <div class="column-name" value="name" >Name</div> 
    </div>

출처

2012-05-24 shoujo_sm

표 형식의 데이터를 표시하고있는 것처럼 보입니다. HTML에 대한 태그가 있습니다. –

31 개의 질문을했으며 거의 답변을받지 못했습니다. 오, 그리고 다른 사람들이 지적하기 전에, 당신의 코드는 어디에 있습니까?! –

@PaoloBergantino : 실제로 Jive 플랫폼을 사용하고 있으며 Jive의 위젯 중 하나입니다. –

나는 당신이 가지고있는 패딩 말할 필요가 있기 때문에 그것의 99 % 확신 이는 해당 브라우저에서 우선 순위가 높기 때문입니다.

당신은 별 규칙을

*{margin:0; padding:0;}

을 할 수 있지만 다시 당신은 내가 당신에게 무엇을해야 하는지를 100 %를 말할 수 있기 전에 더 많은 코드를 게시해야합니다. btw 브라우저 호환성과 관련하여 불확실한 점이 있다면 http://www.quirksmode.org/css/contents.html

출처

2012-05-24 07:43:31

항상 CSS 리셋 {margin : 0; 패딩 : 0; border : 0; 개요 : 0;} 모든 브라우저는 고유 한 여백, 패딩을 가지고 있습니다 ...

출처

2014-07-16 15:27:24 May

Firefox와 IE는 Chrome에서 다르게 보입니다.

답변

관련 문제