배경 너비 + 꼬리말이 이상이어야합니다.

Question

나는이 웹 사이트를 가지고 있습니다 : http://www.ryansammut.com/orijen/contact.html.

푸터는 Firefox보다 더 길지만 IE와 Chrome에서는 괜찮습니다.

많은 것을 확대하고 오른쪽으로 스크롤하면 배경도 사라집니다.

Answer 1

이 사이트는 ...

일부 무거운 설계에 문제가 그러나 내가 그들을 무시하고 단지 가장 쉽고 더러운 방식으로 손에 가능한 문제를 해결한다면, 나는 바닥에이 CSS를 추가하는 제안 :

body { 
    margin: 0 auto; 
    width: 1280px; 
} 

인해 나는 당신의 일을 내 모든 시간을 보낼 수 없다는 사실에, 내가 할 수있는 가장 미래 :

1. 이 012,351의 전체 폭을 감소하기위한 제안 사항을 제공하는 것입니다사이트는 약 984px에서 까지 더 많은 화면 크기를 수용 할 수 있습니다.
2. 컨테이너 상자 레이아웃을 다시 디자인하면 to가있는 경우 종이에 그릴 수 있습니다.
3. 읽기에 대한 성장-에 맞는, 수축에 맞는 CSS의 폭과 방법 그들에게
4. 사용 상대 위치를 트리거하고 바로 경험이없는 경우 왼쪽/사용 을 피하기 위해.
5. 방화 광구를 설치하고 이것을 사용하여 CSS로 실험하십시오.

편집 : 자동 (기본값) 각 :

폭이 다른 후 3 사업부의 하나를합니다.

는 # 헤더, # 콘텐츠

는 각 클래스 .SUB으로, 하위 사업부를 div에하고 그 부모로 그들에게 같은 배경을 줄 줄 # 바닥 글을 호출합니다.

는 .SUB 클래스가 필요한 폭을 가지고 있는지 확인 (1280px)와 .SUB 클래스에게주는 3

사이에 동일한 유지 margin:0 auto;

때문에 사이트 구조는 다음과 같이 보일 것이다 :

를 이 같은

<div id="header"> 
    <div class="sub"></div> 
</div> 
<div id="content"> 
    <div class="sub"></div> 
</div> 
<div id="footer"> 
    <div class="sub"></div> 
</div> 

와 CSS 뭔가 :

#header, 
#content, 
#footer { 
    width:auto;/*not necessary as it's the default value anyway*/ 
    position:relative;/*not necessary but will help later on*/ 
} 
#header .sub, 
#content .sub, 
#footer .sub { 
    width:1280px; 
    margin:0 auto; 
} 
#header, 
#header .sub { 
    background:whatever1; 
} 
#content, 
#content .sub { 
    background:whatever2; 
} 
#footer, 
#footer .sub { 
    background:whatever3; 
} 

이 원하는 것입니까?

또는 사이트 html을 변경하고 싶지 않다면 min-width로 재생해볼 수 있습니다. IE6에서는 너비가 최소 너비와 거의 같습니다.