2013-04-26 3 views
0

div를 사용하여 화면 전체에 배경 이미지를 표시하는 웹 사이트가 있는데 div에 아무것도 없지만 높이를 지정하고 있습니다. 같은IE8 배경 컷오프

<div id="nav"> 
    <!-- --> 
</div> 

내 CSS를 보이는 : 같은

내 코드가 어떻게 생겼는지 이해 않는다 사파리와 파이어 폭스에서 배경 이미지의 폭에 걸쳐 있다는 사실은

/* Navigation */ 
#nav { 
    background: url("images/bgnav.png") repeat-x; 
    height: 116px; 
    position: relative; 
    z-index: 1; 
} 

내 브라우저가 있지만 IE8에서는 약 1000px 정도 후에 멈추고 다른 div에는없는 것입니다 ... 그 자체만으로도 내가 게시 한 코드 외에 다른 코드는 없습니다. 너비를 픽셀로 지정하면 길어질 것입니다. 그러나 너비를 지정하지 않거나 너비가 100 %와 같은 백분율이면 작동하지 않습니다. 이미지의 너비에 최소 너비를 설정하려고했지만 그 중 하나도 작동하지 않았습니다.

모든 아이디어 ... 이것은 IE8에만 영향을주는 것으로 보입니다. IE8을 실행하는 여러 컴퓨터에서 테스트를했는데 둘 다 동일한 문제가 있으므로 여기에 브라우저 캐시가 없습니다.

감사합니다,
조쉬

+1

도 IE7 모드에서 브라우저에서 잘 실행하는 것, IE7 모드에서 수직 스크롤 막대가 비활성화 된 경우에도 나타납니다되는 유일한 차이점. 다른 모든 모드 IE8, IE9, IE10은 가능한 한 최대한 가장자리가 가깝거나 비슷합니다. – Zeddy

+0

ie8에 대한 문제를 일으키는 것으로 보이는 너비가 1600px 인 다른 컨테이너가 있습니다. 내 브라우저 (1440x900)보다 넓기 때문에 1440px 이후 탐색을 중지하는 것처럼 보입니다 (브라우저의 크기가 크기 때문에)), 1600 픽셀 요소를 계속 사용합니다. 맨 위에있는 요소를 전체 화면에 걸쳐 표시하고 1440 픽셀로 멈추게하려면 어떻게해야합니까?이 누구도 본 적이 있습니까? –

+1

크기 1600px 이미지 비트에 해당하는 코드를 게시하거나 아니면 정말로 1600px 요소를 1440으로 줄이는 것이 좋습니다. 필자가 Full Hd 1920 * 1080 스크린을 목표로 삼는 것이 필요하다는 것을 알 수있는 유일한 방법입니까? – Zeddy

답변

0

나는 @Zaf 칸의 충고를 따랐다 및 더 작은 화면 해상도에 적합하게 내 웹 사이트를 재 작업. 나는 원래의 코드를 원했지만 더 많은 스크린 크기를 위해 최적화했기 때문에 그것을 바꿨 기 때문에 기쁩니다.

감사합니다,
조쉬