Проблемы с CSS в FireFox и IE, и я не понимаю, почему

Question

Я создаю новый сайт как учебный опыт, и у меня возникают проблемы с CSS.

В Safari и Chrome это выглядит хорошо.

В FireFox стиль отключен, и я не вижупонимаю почему.

в IE, это ужасно и большая часть моего стиля не работает.

Сайт: http://6colors.co.

Я отправил вчера, и кто-то порекомендовал сброс CSS в верхней части моей таблицы стилей.Это сработало довольно хорошо, и из-за этого я сделал ряд изменений, чтобы придать ему форму, в которой он находится. Различия в FireFox и IE не работают должным образом. Я не следую.1015 *

Answer 1

Вы используете не HTML-элементы, такие как <FloatingBox> и <AppleBlue>, которые путают HTML-анализатор Firefox (и, вероятно, IE). Например, если вы посмотрите на проанализированное дерево в Firebug , вы увидите, что большинство элементов, вложенных в <FloatingBox>, не анализируются как вложенные в него.

Я бы рекомендовал использовать только стандартные элементы HTML. Если вы хотите добавить элемент исключительно с целью установки CSS-свойств, таких как <FloatingBox> и <AppleBlue>, вам следует использовать <div> (для элементов уровня блока) и <span> (для встроенных элементов) теги с class атрибутами на них. Например, в вашем HTML:

<div class="FloatingBox">
  ...
  <span class="AppleBlue">Blog</a>
</div>

И в вашем CSS

.FloatinBox {
  ...
 }

.AppleBlue {

 }

Answer 2

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

Попробуйте вместо этого:

{} Somecontent л; / DIV>