테스트 사이트 - 개발 중인 베타 버전입니다

css 속성을 특정 브라우저만 적용되도록 할 수가 있나요? 채택완료

헐크매니아 8년 전 조회 5,099

css 코드가 아래와 같은데 파이어폭스만 좀 이상하게 뜨네요.

wrap 높이가 파폭만 200%된것처럼 뜨는데

요소검사에서 wrap의 height속성을 끄던지 display 속성을 끄던지 하면 제대로 나오는데

문제는 그렇게하면 익스플로러가 좀 틀어져서 문제네요.

css속성을 특정 브라우저에만 적용시키는 방법이 있을까요?

아니면 저기서 뭘 바꿔야지 파폭에서 다른 브라우저처럼 뜰까요?

 

</p><p>.wrap {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height: 100%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width: 100%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>display: table;</p><p>}</p><p> </p><p>#left {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height: 100%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width: 100%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>display: table-cell;</p><p>}</p><p> </p><p>#right {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height: 100%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>display: table-cell;</p><p>}</p><p> </p><p>#right2 {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width: 300px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height: 100%;</p><p>}</p><p> </p><p>#chat {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width: 300px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height: 100%;</p><p>    position: fixed;</p><p>    top: 51px;</p><p>    right: 0px;</p><p>}</p><p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

html, body {height: 100%} 추가해보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

헐크매니아
8년 전
이미 되있습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인