2012-01-31 3 views
0

У меня есть таблица стилей, в которой я применяю сброс в начале. Это устанавливает маржу и дополнение к 0, между прочим, для множества меток. Однако позже в таблице стилей я применяю поля и дополнения к определенным тегам. Тем не менее по какой-то причине Firefox не проходит через сброс в точках особого места.CSS reset переопределяет указанные элементы в 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; 
} 

Вот линия, которую я добавил, чтобы обеспечить стиль конкретного div элемента с классом modified:

.modified { padding-top: 5px; align:center; } 

В Safari, когда я инспектировать что конкретного div, я вижу строка, которую я создал в моей таблице стилей и которая, как представляется, применяется.

В Firefox, когда я использую 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.

Очевидно, что-то еще влияет на это, так как она все показывает прекрасно в моей Firebug:

exists

+1

Правда, но это не остановит «padding-top: 5px» от появления в Firebug. – thirtydot

+0

@thirtydot: Это хорошо для меня. – animuson

+0

Вопрос гласит: «В Firefox, когда я использую firebug в том же div, я вижу только код сброса css». Если единственная проблема заключалась в том, что 'align' не является свойством CSS, то он бы не написал это предложение, потому что' padding-top: 5px' появлялся бы в дополнение к его сбросу CSS, когда он проверял элемент. – thirtydot

1

Это конечно странно. Нет никакой мыслимой причины, по которой FF должен это делать. Вы пробовали изменить свой сброс (например, попробуйте добавить фон: yellow;) и посмотрите, влияет ли это на FF? Или вы можете попытаться удалить свой сброс и посмотреть, не влезает ли ваша декларация. Модифицированная декларация. Просто мысли о том, как, по крайней мере, сузить, в чем проблема - это сброс или второе объявление? Я также хотел бы убедиться, что ваша разметка действительна - я заметил, что некоторые браузеры более прощающие для неправильной разметки, чем другие.

+0

Таким образом, переход на желтый фон сделал что-то интересное: в то время как весь фон тела стал желтым в firefox, только определенные части сафари стали желтыми, а не всем телом. Поэтому вопрос должен быть в другом месте. – tvalent2

+0

Хмм - в этот момент мне нужно будет увидеть все разметки и CSS.Иногда я буквально удаляю половину моей таблицы стилей за один раз, чтобы сузить там, где проблемный CSS - затем удалите половину половины проблемы и т. Д., Пока не найду конкретные правила, вызывающие проблемы. – chipcullen

Смежные вопросы