어두운 파란색 배경이 FireFox에 나타나지 않는 이유는 무엇입니까 (IE에서 발생합니까)?

진한 파란색 배경 (기본 흰색 섹션과 외부 밝은 파란색 섹션 사이)이 FireFox에 표시되지 않는 이유는 무엇입니까? 그것은 IE에서 보여줍니다.어두운 파란색 배경이 FireFox에 나타나지 않는 이유는 무엇입니까 (IE에서 발생합니까)?

alt text

사이트의 URL은 http://www.moorespeed.co.uk/

관련 코드입니다 : http://www.moorespeed.co.uk/Content/site.css이

#page 
{ 
    background-color:#082d47; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0 0 0 0; 
    width: 970px; 
}

출처

2010-08-18 Techboy

귀하의 #main 사업부는 부유하고, 컨테이너는 자동으로 떠 어린이를 포함하도록 확장하지 않습니다 . 당신이 overflow:auto#page에 적용 할 경우 당신이 기대했던 것처럼하지만, 그것은 확장해야합니다

#page 
{ 
    background-color:#082d47; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0 0 0 0; 
    width: 970px; 
    overflow:auto; 
}

출처

2010-08-18 18:24:42

안녕하세요, Tim - 그 작품 - 당신은 정말 고마워요 !!! :-) 그래서 내가 다른 3 분 동안 대답으로 받아들이도록 허용하지 않을 것이다. 그때까지 나는 앉아서 내 엄지 손가락을 뒤집을 것이다 :-) – Techboy

다행이다! 이것은 IE의 잘못된 행동이 실제로 당신이 가고자하는 방향이었던 몇 안되는시기 중 하나입니다, 감사하게도. 파이어 폭스가 오작동을 막으려 고 시도하는 것보다 의도 한대로 일하게하는 것이 훨씬 쉽다. –

이것은 간단한 CSS 추가로 Firefox가 IE처럼 작동하도록 만드는 몇 안되는 경우 중 하나입니다. 일반적으로 이것은 매우 어려울 것이며, IE의 단점을 우회하는 것은 일반적으로 이와 같은 문제를 해결하는 방법입니다. – Guffa

을 같이 일반적으로, 인터넷 익스플로러와 파이어 폭스가 페이지를 렌더링하는 방법에 차이가있을 때, 그것이 잘못된 얻을 인터넷 익스플로러입니다.

이 경우 Internet Explorer에서 잘 알려진 버그입니다. 요소가 요소보다 큰 부동 요소를 가질 때 IE는 하위 요소에 따라 요소의 크기를 조정합니다.

잘못되었습니다. Firefox가 코드를 올바르게 렌더링합니다.

그러나 CSS를 page 요소에 추가하여 부동 어린이의 크기를 가져올 수 있습니다. 과 같은 overflow 속성의 값을 #page 규칙으로 지정하면 배경이 항상 확보됩니다.

오버플로가없는 높이를 지정하지 않았으므로 내용 오버플로가 처리되는 방식은 규칙에 영향을 미치지 않지만 요소의 크기는 영향을받습니다.

출처

2010-08-18 18:29:51 Guffa

설명 주셔서 감사합니다 :-) – Techboy

어두운 파란색 배경이 FireFox에 나타나지 않는 이유는 무엇입니까 (IE에서 발생합니까)?

답변

관련 문제