CSS로 작업하기 위해 방화 광을 사용하고 있습니다.배경 이미지가 넘쳐 흐리게 표시됩니다.
HTML, 본문 및 내부 컨테이너가 모두 620 픽셀로 표시됩니다. 나는 나의 창이 640px 높은 주위에 있다고 추정한다.
방화범이 끌리는 그림을 사용하면 모든 요소가 창의 전체 높이에 미치지 못한다는 것을 분명히 알 수 있습니다. 그러나 본문 bg-image는 전체 창 높이를 차지하는 것처럼 보입니다. 이는 상대 컨테이너 크기를 초과합니다.
방법/이유가 무엇인가요?
참고 : 정규화 된 CSS를 재설정으로 사용하는 Drupal 사이트입니다. 높이에 대해 이야기 할 때 콘텐츠에 여백이나 여백이 없습니다. http://mermaidriverpools.rickdonohoe.co.uk/이
좋아, 당신의 페이지를보고, 나는 당신처럼 짜증 해요 -
나는 테스트 여기보고 밀어했습니다. 그러나 나는 이것이 왜 일어나고 있는지 발견했다. 이 fiddle에서
는, 당신은 배경 속성 (색상, 이미지 ...) 모두가 body 태그 특히 의 경우 페이지 에 걸쳐 연장 것을 볼 수 있습니다. 몸이 얼마나 큰지는 중요하지 않습니다 (그것은 1x1 상자의 바이올린입니다).
브라우저 동작이어야합니다. 이것은 신체의 실제 크기를 변경하지 않습니다. 그것은 보통 규칙을 따른다 (크기는 내용과 같고, 설정되어 있다면 특정 크기, 상속이 설정되어있는 경우 부모와 같음).
그러나이 other one (배경색을 고정 된 크기로 내부 div에 설정)에서는 배경색이 페이지 전체로 확장되지 않습니다.
본문의 하위 항목으로 래퍼를 만들고 본체 스타일을 배치하십시오. 당신이 파이어 폭스 브라우저를 사용하는 경우
<body>
<div class="all your body classes here">
</div>
</body>
그것은 가치있는, 따라서 upvote입니다. 시체가 전체 화면을 채우지 않았다는 사실이 더 큽니다 (왜 이렇게 짧습니까?) 왜 이런 일이 발생 했는가? 더 나은 대답을위한 여지가 있음을 의미했습니다. 허용되지 않는 것으로 간주됩니다. –
@RickDonohoe 죄송합니다. 아마도 조금 더 설명 해야겠습니다. 본문에 배경 - (이미지 또는 색상 등)을 설정하면 해당 속성이 페이지 전체에 적용됩니다 (본문이 1pxX1px 크기 일지라도). 그러나 그것이 신체가 같은 크기라는 것을 의미하지는 않습니다. 크기 (콘텐츠의 크기, 설정 한 특정 집합, 상속)를 결정하는 일반적인 규칙을 따릅니다. 아마도 우리는 다른 것을 볼 수 있습니까? 이것이 내 페이지가 현재 화면에 표시되는 모습입니다. http://tinypic.com/r/2d2cf8/5 더 잘 반영하도록 답변을 업데이트하겠습니다. –
당신은 당신이 (더 나은 또는 바이올린)
, 당신의 코드를 게시하시기 바랍니다 필요
와 창백한 가지 resoltion 누를 수 있습니다 그래서 우리는 무엇을 볼 수 있습니다 너는 그걸하고있어. 감사합니다 –
질문 편집을 참조하십시오. –
릭, 내 편집을 참조하십시오. 그것이 당신의 문제를 해결하기를 바랍니다. –