Ошибка в браузере css?

Question

[Арман Дендибаев]

Сегодня надо было сделать мини сайт! Я начал делать но такого проблемы еще не было
Не понимаю что за проблема - Посмотрите скриншоты
В коде всё нормально
Но в браузере проблемы! Смотрел через Chrome/Opera/Ffox везде такое

Все эти элементы должны быть в самом head и в коде так и есть
Но в Браузер он в body
Код css

body {
	background: #fff;
	margin:0 auto;
	padding:0 0;
	font-size: 14px;
}
.container {
	background: #c9c9c9;
	color: #000;
	margin:0 auto;
	padding:0;
}
header {
	background: #673AB7;
	padding:4px 16px;
	color: #fff;
	display: flex;
	flex-derection: row;
}

Answer 1

[Anton Bobylev]

Только к CSS это никакого отношения не имеет. Посмотрите на то, что формируется в голом html (view-source). И обратите внимание на  в окне инспектора. Обнаружив невалидный код (html-entity в head) браузер считает, что это обычный блок и выносит его в body.

Используйте кодировку без bom. Или чистите код от непечатных символов.

Comments

[Арман Дендибаев]

сейчас сменю на utf-8 без BOM