2011-01-19 3 views
6

아마도 매우 분명한 사실을 놓치고 있습니다.하지만 다음 HTML은 Internet Explorer에서는 파란색으로 표시되지만 다른 브라우저에서는 검정색으로 표시되는 범례에 텍스트가 표시됩니다.IE에서 다른 브라우저에서 HTML 범례 태그 텍스트의 색이 다른 이유

<html> 
    <head> 
    </head> 
    <body> 
     <fieldset font-italic="True"> 
      <legend style="font-size: 24px; font-weight: bolder;">This is a test</legend> 
     </fieldset> 
    </body> 
</html> 

색상을 각 브라우저에서 공통으로 사용하기 때문에 색상을 검정색으로 명시하고 있습니다. 그러나 왜 여기에 차이점이 있는지 궁금합니다.

답변

5

구체적으로 어떤 IE를 사용하는지 알지 못하면 각 브라우저에는 디자이너가 명시 적으로 자신의 스타일을 지정하지 못할 때마다 적용되는 기본 스타일 속성이 있습니다.

이 문제에 대한 좋은 해결책은 모든 요소의 스타일을 근본적으로 0으로 줄이는 CSS 재설정을 사용하는 것입니다.

http://meyerweb.com/eric/tools/css/reset/

+1

응답 해 주셔서 감사합니다! 리셋 스타일 시트를 사용하는 것에 대해 생각하지 않았습니다. 내 사이트 전체에 스타일 시트를 사용하고 있습니다. 또한 IE8을 사용하고 있지만 사용자는 모든 버전을 사용할 수 있습니다. 나는 각각의 브라우저가 여러 가지 방법으로 구현된다는 것을 알았지 만, 나는 IE가 IE와 같은 기본 색상을 위해 파란색을 선택한다는 것이 이상하다는 것을 알게되었다고 생각한다. – MisterXero

3

브라우저마다 기본값이 다릅니다. 이것이 어떤 사람들 (그러나 내가 아님)이 this one from Yahoo과 같은 CSS 재설정 스타일 시트를 사용하는 이유입니다.

편집 :

나는 그것이 사용자의 브라우저에 대한 추가 작업을 생성하는 당신은 아마 필요가 없습니다 규칙을 많이 덮어 쓸거야 많은 (추가하기 때문에 리셋을 사용하고 싶지 않아요 아마 당신보다 느린 기계에서 실행되고있을 것입니다). 나는 내 자신의 CSS에서 내가 명시 적으로 내 기지를 다루는 것을 선호하지만, 원하는 경우 하나만 사용하면 문제가 있다고 생각하지 않습니다.

+0

감사합니다. 이전에 스타일 시트를 사용하지 않았지만 모든 페이지에 스타일 시트를 사용하고 있습니다. 나는 IE가 파란을 기본값으로 사용하고 다른 것들이 주로 검은 색을 사용하는 것처럼 보이는 것이 이상하다는 것을 알게되었습니다. – MisterXero

+0

가장 기억해야 할 것은 패딩과 마진입니다. CSS 스타일 시트의 맨 위에 IMO - do * {padding : 0 margin : 0}이 있습니다. 그러면 브라우저 간 신뢰감으로 나중에 패드와 여백을 설정할 수 있습니다. –

2

또한 IE의 전설이

와 전설의 여유를 가지고 IE를 말하는 7 개 픽셀 :

쉽게이 문제를 해결 할 수의 왼쪽에서 오프셋 것을 염두에 두어야

margin: 0 -7px; 
+0

팁 주셔서 감사! 나는 그것을 기억할 것이다. – MisterXero

관련 문제