을 중심으로 배경 이미지는 1px

Question

내 웹 페이지에 앉아 DIV 는 960 와이드,내가 중심이 DIV 중에 페이지를 사용하여 코드:

html,body{background: url(images/INF_pageBg.gif) center top repeat-y #777777;text-align:center;}
#container{background-color:#ffffff;width:960px;text-align:left;margin:0 auto 0 auto;}

내가 필요한 배경의 이미지를 html/체를 타일 아래 페이지의 가운데는 그것은,그러나면 더보기 창에서는 브라우저는 홀수의 픽셀 너비는 다음 중심으로 배경과 중심으로 DIV 맞지 않다.

이것은 단지에서 일어나는 FF.

은 사람을 알아의 해결 방법?

Answer 1

네,그것이 알려진 문제입니다.불행하게도 당신만을 해결할 수 있습 div 및 이미지의 너비,또는 스크립트를 사용하여 동적으로 변경 돼지.backgroundPosition 을 제공합니다.다른 방법으로 표현하 CSS 클래스 정의합니다.

Answer 2

나는 것을 발견함으로써 배경 이미지는 홀수의 픽셀이 이 문제를 for Firefox.

설정 padding:0px0px0px1px;문제 해결을 위한 IE.

카를로 Capocasa,트라 비안 게임

Answer 3

(가장)일반적인 문제는 당신의 배경 이미지는 홀수하는 동안 당신의 컨테이너지 번호입니다.나는 기사를 썼다에서 영어에 대한 곳에 나가하는 방법에 대해서도 설명되어 브라우저에 위치한 당신의 사진: 여기에서 확인해 보십시오.

Answer 4

내가 해결할 수 있는 이 와인:

$(document).ready(function(){
 $('body').css({
  'margin-left': $(document).width()%2
 });
});

Answer 5

나는 같은 문제를 가지고 있었습니다.

을 얻 배경을 중심으로, 야 합 a 배경 이미지 뷰포트보다 더 넓은.를 사용하려고 배경 2500px 넓습니다.그것은 브라우저 센터의 일부는 이미지를 볼 수 있습니다.

알려주는 경우 그것은 당신을 위해 작동합니다.

Answer 6

무엇을 만드는 방법에 대한 래퍼 div 와 같은 배경 이미지입니다.

body{ background: url(your-image.jpg) no-repeat center top; }
#wrapper{ background: url(your-image.jpg) no-repeat center top; margin: 0 auto; width: 984px; }

래퍼가 짝수,배경이 계속 같은 위치에 모든 화면 크기입니다.