2013-09-28 1 views
0

스크롤 및 끈적 푸우없이 페이지를 만들고 싶습니다. 크롬과 파이어 폭스에는 문제가 없습니다. 그러나 IE 10에서는 추가 패딩을 보여줍니다. 여기 내 Jsfiddle입니다.끈끈한 바닥 글이있는 IE 10 패딩 문제

<style> 
.clearfix:after {content: "."; display: block; 
        clear: both; visibility: hidden; 
        line-height: 0; height: 0;} 

.clearfix  {zoom: 1;} 

#fixedmenu  {height:75px; background:#A2BBD5; 
       font-family:'Open Sans', sans-serif; 
       font-size:12px;} 

.kapsa   {min-height:574px; padding-bottom: 25px; 
        text-align:center;} 

.w100   {width:100%;} 

.maz    {margin:0 auto;width:1000px;} 

.footer   {min-width:1000px; margin-top: -25px; 
        height: 25px; background:#EC2155;} 
</style> 

<script> 
$(document).ready(function(){ 
$(window).resize(function() { 
    $('.kapsa').height($(window).height() - 100); 
}); 

$(window).trigger('resize'); 

}); 
</script> 

<div id="fixedmenu" class="w100 clearfix"></div> 

<div class="kapsa maz"></div> 

<div class="footer"></div> 
+0

우리는 당신의 바이올린을 볼 수없는 경우에도 패딩됩니다 시도 할 수 있습니다. 더욱 더 당신은 우리가 볼 수있는 코드를 여기에 게시해야합니다. – Itay

+0

죄송합니다, 저는 신참이에요. – Jamoon

답변

0

Safari 나 Chrome에서 IE와 다른 점은 없습니다.

당신이 당신의 세트 패딩 뒤에 중요! 퍼팅 및/또는 정의 당신은 당신이 링크에 따옴표를 추가했기 때문에 단지

padding: 0 !important; 
+0

안녕하세요. 이것은 실제로 대답이 아닌 주석이어야합니다. 충분한 평판을 얻었다면 논평을 할 수 있으므로 그렇게해야합니다. 감사. – Cthulhu

+1

미안하지만, 나는 대답에 대한 제안을 생각했다 – Calidris

+0

나는 나의 나쁜 점을 이해한다. :-) – Cthulhu