Заголовок относительного размера с использованием CSS

#html #css

#HTML #css

Вопрос:

Я разработал заголовок с помощью следующего CSS:

 .Navigation { height: 84px; background: url(../images/Navigation.png) repeat-x; border-bottom: 1px solid #919191; }

#NavigationInside { padding-left: 15px; width: 945px; margin: 0 auto; }
  

Это заголовок фиксированной высоты и ширины, тогда как я хочу, чтобы он соответствовал размеру экрана. Оба конца заголовка должны касаться левого и правого углов экрана.

Пожалуйста, помогите мне внести изменения в CSS.

Комментарии:

1. Не могли бы вы сделать демонстрацию своего кода на jsFiddle ?

Ответ №1:

 .Navigation { 
  width:100%; 
  margin:0; 
  padding:0; 
  ...
  

Комментарии:

1. Если это не сработало, то у вас либо проблема с вашим HTML, либо вам нужно поработать с шириной: 945 пикселей в #NavigationInside, она может быть шире размера экрана.