Как контролировать фон за текстом.

[Evengining]

Всем привет ребята, я на этом форуме новенький ну это не чего не значит! Хех.

 

Прошу вашей помощи! 

Вопрос такой, я хочу с помощью CSS сделать что бы мой header был фиксированный, делаю это так:

.full {
  position: fixed;
  /* Фиксированное положение */
  /* Расстояние сверху */
  width: 80%;
  background: red;
  padding: 10px;
background: red;
}

 

а вот код header:

<div class="full">

  <div class="col-md-7">
    <div class="collapse navbar-collapse" id="ql_nav_collapse">
      <nav id="jqueryslidemenu" class="jqueryslidemenu navbar " role="navigation">
   Меню
      </nav>
    </div>
    <!-- /ql_nav_collapse -->
  </div>
  <!-- /col-md-7 -->
</div>
<!-- /full -->

 

 

То есть меню которое находиться между "full" стает фиксированным, и за собой приобретает фон красного цвета!

Но как мне делать так что-бы я мог контролировать размер ширину и высоту фона, при этом не сдвигая с места мое зафиксированное меню? Буду рад ответу, и желательно выложите код на http://codepen.io, за ранние огромное вам спасибо! К стати, я слышал что можно сделать через JS но судя по самому языку JS там будет не одна строчка, и не две, ну если вариантов не остается, то что можно поделать, надо будет писать кучу кодов! Спасибо огромное за ранние!!!

[Igor Schnaider]

За что ж вы так не любите русский язык?

[Evengining]

Не понял вопроса...

[Igor Schnaider]

Да это так, вопрос, не требующий ответа.

Если по существу, то вот как раз я не понял вашу проблему :-)
Почему бы вам самому не собрать страничку на codepen и уже дальше задавать вопросы, что вызывает трудности.

[Megnaker]

Кажись понял вопрос. Он просто не учел наследования некоторых свойств. По идее можно сделать html> .full  и тогда если не ошибаюсь проблема устранится.

[Evengining]

Нет, это скорее вы не поняли... Сформулирую по другому, мне нужно контролировать размер поля за текст при этом не двигая с места, сам текст! Все предельно понятно! Пример, если я делаю вот так

 .full {
  position: fixed;
  /* Фиксированное положение */
  /* Расстояние сверху */
  width: 100%;
  background: red;
  padding: 10px;
background: red;
}

 

если я сделаю, width: 100%, то текст в мести с фоном, будет в конце страницы, но как только пытаюсь его выровнять по середине, фон заканчивается на тексте то есть по середине!

а мне нужно что-бы фон был во весь header а текст по середине!(но возможно не только по середине, так что center мне не подходит!)

Edited April 6, 2016 by Evengining