Непоследовательный #include css look - PullRequest
Новая
       26

Непоследовательный #include css look

0 голосов
/ 03 сентября 2010

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

У меня есть несколько включенных asp-файлов, которые связаны с одними и теми же CSS-файлами, поэтому я считаю, что они должны быть одинаковыми. Интервал выглядит на странице about.asp все же. Однако страница index.asp выглядит великолепно.

Вот две страницы:

http://www.marioplanet.com/index.asp
http://www.marioplanet.com/about.asp

Есть какие-нибудь идеи относительно того, почему они такие странные?

Ответы [ 2 ]

2 голосов
/ 03 сентября 2010

На странице about имеется дополнительный интервал, поскольку интервал удаляется стилем в SlideShow.css на странице индекса: 

* {
    margin:0;
    padding:0;
}

Вышеприведенное выглядит как упрощенная реализация reset.css style.

1 голос
/ 03 сентября 2010

Просмотр этих страниц с помощью devtools в Chrome (или Firebug в Firefox) покажет, что SlideShow.css в index.asp имеет стиль * (т. Е. Каждый элемент) для установки padding в 0,что делает отступы и поля вашего тела (и все остальное) нулем.

Это очень плохая практика со стороны тех, кто сделал SlideShow.css, и это то, что в основном портит ваш макет.Включение css, предназначенное для модульного использования (как в случае слайд-шоу с раскрывающимся списком), никогда не должно использовать блок стиля *, поскольку он влияет на каждый элемент на странице.У всех его стилевых блоков должен быть префикс с некоторым классом, чтобы ограничить его эффекты модулем слайд-шоу.

Глядя на ваш SlideShow.css, похоже, что вы, возможно, вставили какой-то CSS из другого места, гдеэто могло быть введено.Вы также не должны включать теги <style> во внешние файлы CSS.

Если вы удалите включение SlideShow.css, ваши страницы должны выглядеть намного более похожими.Оттуда вы можете отредактировать SlideShow.css, чтобы удалить стиль * и добавить включение обратно, убедившись, что оно не все испортило снова, но все же позволяет вашему слайд-шоу делать свое дело или просто найти другой модуль слайд-шоу..

...