Фиксированная кнопка поиска верхняя панель

Question

Я пытаюсь создать фиксированную верхнюю панель с кнопкой поиска, facebook login и т. Д. Бар в порядке, проблема в том, что кнопка поиска перемещается по странице, когда она меняет разрешение, я хочу, чтобы он был зафиксирован как панель входа в facebook, поэтому не имеет значения, измените ли вы разрешение, все кнопки должны перемещаться с помощью верхней панели, что мне делать? Спасибо.

.fixbar { 
width: 100%; 
position: fixed; 
left: 0px; 
top: 0px; 
height: 30px; 
background-image: url(../img/fixbar.png); 
background-repeat: repeat-x; 
z-index: 1; 
bottom: 0px; 
} 


#search { 
position: fixed; 
left: 396px; 
top: 0px; 
width: 100%; 
height: 22px; 
z-index: 2; 
} 

Answer 1

Необходимо установить положение: фиксированный .fixbar класс, а затем необходимо установить положение: абсолютное значение для идентификатора #search.

CSS

.fixbar { 
    width: 100%; 
    height:30px; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    right:0 height: 30px; 
    background: red; 
    z-index: 1; 
} 
#search { 
    position: absolute; 
    right:20px; 
    top: 0px; 
    width: 30px; 
    height: 22px; 
    z-index: 2; 
    background:blue; 

} 

HTML

<div class="fixbar"> 
    <div id="search"></div> 
</div> 

выход здесь

DEMO

Answer 2

Извините, я не понимаю ваш вопрос. Давайте поиграем с живым примером, и я постараюсь ответить и, возможно, вам поможет. Посмотрите: http://jsfiddle.net/xdEUN/

<div class="wrapper"> 
<div class="fixbar"> 
<input type="search" id="search" /> 
</div> 
</div>