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

Question

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

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

Спасибо, Джош.

Answer 1

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

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

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

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

Answer 2

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

Answer 3

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

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

body
{
    margin: 0;
    padding: 0;
}

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