Заполнение ширины экрана

Question

Я действительно изо всех сил пытаюсь привести в порядок веб-сайт, который я создаю для кого-то. Я потратил часы, пытаясь понять это! У меня ограниченные знания, поэтому код будет полезен. Они хотят, чтобы раздел вверху (изначально два изображения, сейчас я пробую фоновые изображения и CSS) заполнял ширину браузера - независимо от его размера. Кто-нибудь знает, как это сделать?

Аналогично, есть ли настройка для получения текста, чтобы заполнить 100% ширину поля, несмотря ни на что?

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

www.thegees.co.uk это сайт.

Answer 1

Удалите определение "ширина" из этих двух тегов:

... ...

Answer 2

Я не знаю, что вы подразумеваете под "текстом", и я не уверен, поможет ли это вам, но любой контейнер уровня блока будет иметь ширину 100% по умолчанию:

<div style="background-color: red">I'm 100% wide!</div>

Если у вас есть span, который не будет растягиваться до 100%, поместите вокруг него div и любые свойства фона, которые есть у диапазона, вместо этого укажите div.

<div style="background-image: ....">
 <span>
   I'm not 100% wide, but the div around me is, 
   so no one will notice the difference!
 </span>
</div>