Стиль CSS не достигает границ

Question

На моем сайте заголовок - это тег div с цветным фоном. Единственная проблема заключается в том, что он не достигает "краев" окна (см. http://manpoints.uk.to/).

Есть идеи, как это решить?

Спасибо джош

Answer 1

Попробуйте то, что предлагает @KP, и добавьте #header{ width:100%; } к вашей таблице стилей. Происходит то, что ваш заголовок не имеет определенной ширины, и он принимает максимальную ширину содержимого внутри.

Answer 2

Это CSS по умолчанию для браузера.

Добавьте это к голове

<style>
body{
    margin:0;
    padding:0;
}
</style>

Или добавьте его в таблицу стилей.

Answer 3

Вы можете рассмотреть возможность использования CSS reset техника, чтобы очистить все стили браузера. Ваша проблема в том, что body по умолчанию имеет margin а также padding,

В вашей таблице стилей обязательно очистите их:

body
{
    margin: 0;
    padding: 0;
}

См. Этот вопрос для соответствующих таблиц стилей сброса CSS: https://stackru.com/questions/116754/best-css-reset