2012-01-31 2 views
0

처음부터 재설정을 적용하는 스타일 시트가 있습니다. 이것은 많은 태그들에 대해 여백과 여백을 0으로 설정합니다. 그러나 나중에 스타일 시트에서 특정 태그에 여백과 여백을 적용합니다. 그러나 어떤 이유로 파이어 폭스가 특정 시점에 리셋을 지나치지 않고있다.CSS 재설정은 Firefox의 지정된 요소를 무시합니다.

다음은 어떤 일이 일어 났는지 보여주는 예입니다.

다음
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video { 
    margin:0; 
    padding:0; 
    border:0; 
    outline:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent; 
} 

I 클래스 modified으로 특정 div 요소에 스타일을 제공하기 위해 추가 라인은 다음과 같습니다 : 다음은 내 재설정

사파리에서
.modified { padding-top: 5px; align:center; } 

, 내가 특정 div 것을 검사 할 때, 나는 참조 내 스타일 시트에서 만든 선이 적용된 것으로 보입니다.

파이어 폭스에서 firebug를 같은 div에 사용하면 내 CSS 재설정 코드 만 표시됩니다.

이 방법이 있습니까? 내가 !important을 시도한 것뿐 아니라 다시 div.modified이라고하는 대신 modified 대신 재 명명했지만 그 중 하나도 작동하지 않았습니다.

+0

캐시를 지우려면 Ctrl + F5를 눌러 보셨습니까? – dfsq

+0

정렬이 사용되지 않습니다. http://jsfiddle.net/BucTW/는 적용되는 CSS 측면에서 제대로 작동하는 것 같습니다. – j08691

+1

@tvalent, URL을 게시하십시오. 실제 코드에'align' 속성 (CSS에 속하지 않음)이나 그 대신에 뭔가가 있습니까? –

답변

1

align은 유효한 CSS 속성이 아닙니다. 나는 당신이 text-align: center을 찾고 있다고 가정하고 있습니다. 분명히

는 뭔가 다른 내 방화범에 완벽하게 정상적으로, 그것은 모든 쇼를 그 영향을 미치고있다 : 확실히 이상한

exists

+1

사실,하지만 그건 '패딩 - 가기 : 5px'가 방화범에 나타나지 않게 할 것입니다. – thirtydot

+0

@thirtydot : 그것은 나에게 잘 보인다. – animuson

+0

질문은 "파이어 폭스에서 동일한 div에 방화 광을 사용하면 CSS 재설정 코드 만 표시됩니다."라고 표시됩니다. 유일한 문제는'align'이 CSS 속성이 아니라면 그 요소를 검사 할 때'padding-top : 5px'가 CSS 리셋과 함께 나타나기 때문에 그 문장을 쓰지 않았을 것입니다. – thirtydot

1

합니다. FF가 그렇게해야한다고 생각할만한 이유가 없습니다. 리셋을 수정하려고 했습니까 (예 : 배경 추가 : 노란색;) FF에 영향을 주는지 확인 했습니까? 또는 리셋을 제거하고 수정 된 선언이 시작되는지 확인할 수 있습니다. 문제의 범위를 좁히는 방법에 대한 생각 - 리셋입니까, 아니면 두 번째 선언입니까? 마크 업이 유효한지 확인해야합니다. 일부 브라우저는 다른 마크 업보다 잘못된 형식의 마크 업을 더 용인하고 있습니다.

+0

그래서 배경색 노란색으로 변경하면 흥미로운 일이 일어났습니다. 전체 신체 배경이 파이어 폭스에서 노란색으로 변했지만 사파리의 특정 부분 만 전체 몸이 아닌 노란색으로 바뀌 었습니다. 따라서 문제는 다른 곳에 있어야합니다. – tvalent2

+0

흠 -이 시점에서 나는 모든 마크 업과 CSS를 볼 필요가 있습니다.때때로 문제가되는 CSS가있는 곳을 좁히기 위해 한 번에 내 스타일 시트의 절반을 삭제합니다. 문제의 원인이되는 특정 규칙을 찾을 때까지 문제 절반의 절반을 삭제합니다. – chipcullen

관련 문제