Работа с CSS и шириной

Question

Мой friends spa website Я делаю для них все хорошо, но у меня есть быстрый вопрос о CSS. Если вы измените размер страницы, вы увидите, что цвет ссылок меняется с серого на синий, затем красный, затем зеленый. Это мой метод тестирования, чтобы узнать, с каким медиа-запросом мне нужно работать. Я хотел бы знать, почему логотип не повторяется в верхней части страницы?

Я пытаюсь, чтобы изображение повторялось и охватывало всю ширину верхней части экрана, но вместо этого оно равно, что ширина установлена ​​на 100 пикселей?

Вот мой код для заглавной области для запроса средств массовой информации с красными ссылками:

#title-area { 
    position: relative; 
    width: 100%; 
    height: 204px; 
    top: 0px; 
    background: url(images/melt-logo.jpg) top center repeat; 
    text-indent: -99999px; 

} 

Я просмотрел поджигатель и не могу показаться, чтобы найти проблему. Любая помощь приветствуется!

Answer 1

Похоже, ваш #title-area имеет фиксированную ширину 700px. Измените это на 100% (приблизительная строка 210 в style.css).

Фон на нем установлен в no-repeat. Пример в вашем сообщении более правильный - измените это на просто repeat (приблизительно строка 214 в style.css).

#title-area также имеет left:-350px, поэтому логотип отображается слева, хотя он находится справа от логотипа. Сделайте ширину примерно 175%, которая будет покрывать ее, в противном случае лучшей идеей было бы разместить логотип слева от изображения, установить слева на 0px и оставить ширину на 100%.

Answer 2

Вам нужно сбросить влево значение также:

#title-area { 
    left: 0; 
}