Сброс css приводит к тому, что таблицы выглядят неправильно - PullRequest
Новая
       19

Сброс css приводит к тому, что таблицы выглядят неправильно

1 голос
/ 19 октября 2011

Я применил следующий сброс css к таблице стилей css моего веб-сайта (проверяется как css 2.0 и используется с переходной веб-страницей xhtml 1.0)

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, р, BLOCKQUOTE, предварительно, а, сокр, акроним, адрес, большой, процитировать, код, дель, д.ф.н., эм, IMG, модули, KBD, д, с, сэмпл,маленький, удар, сильный, к югу, SUP, тт, вар, Ь, U, I, центр, дл, дт, дд, ол, ул, литий, FIELDSET, форма, этикетки, легенды, таблицы, заголовок, TBODY, TFOOT,THEAD, т, е, тд, статьи, в сторону, холст, детали, код вставки, рисунок, figcaption, сноска, заголовок, HGroup, меню навигации, выход, рубин, раздел, резюме, время, знак, аудио, видео {поле:0; отступы: 0; граница: 0; размер шрифта: 100%; шрифт: наследование; вертикальное выравнивание: базовая линия;}

Однако на моем веб-сайте есть таблица, которая больше не выглядитправо.Точнее, таблица теперь не на своем месте, а границы (изначально черные) больше не видны.

Мне интересно, стоит ли мне просто убрать стол, правила границ, если я могу сохранить сброс?как есть и скажем браузеру позже отображать или нет границы.Мое основное сомнение заключается в том, что я хотел бы сохранить один и тот же сброс для всех моих страниц, и что изменение сброса только для страниц с таблицами (табличными данными) только усложнит ситуацию, так как я использую ВНЕШНИЙ СТИЛЬ.1009 *

Ответы [ 3 ]

3 голосов
/ 19 октября 2011

Быстрое исправление: просто удалите весь код таблицы из настроек 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{

margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;}

Лучше исправить, используйте css нормализатор вместо reset : взгляните на тот, который используется html5boilerplate project

1 голос
/ 23 января 2013

После устранения аналогичной проблемы я обнаружил, что у css для сброса было свойство таблицы:

border-collapse: collapse;из-за чего граница не отображалась.

Добавление ... бордюр-коллапс: отдельный;чтобы мой прикладной css исправил проблему.

1 голос
/ 19 октября 2011

Если я что-то не так понимаю (я не знаю, что вы подразумеваете под "сбросом css"), вы говорите ему, что таблица, td, th (и множество других тегов) не должны отображать никаких границ.Так почему же после этого у вашего стола будут границы?

...