Проблемы с использованием положения: фиксированный;

Question

Я просмотрел все похожие сообщения и google и не нашел ответа, поэтому надеюсь, что это не двойной пост, и я прошу прощения, если это так.

Я пытаюсь сохранить заголовок в верхней части страницы, используя фиксированную позицию. Я сейчас не кодирую IE, и я тестирую последние Chrome и Firefox. Я знаю положение: исправлено относительно окна браузера, поэтому симптомы имеют смысл, но я не могу найти лекарство.

Когда я добавляю положение: фиксированное; в заголовок он сгруппирует его и запихивает в верхнем правом углу, и я не могу заставить его снова распространяться по странице или выталкивать другие div. я не хочу использовать фиксированную ширину, потому что я хотел бы сохранить страницу как можно более жидкой.

Я открыт для javascript/jquery php или любого другого. Я также уверен, что это простое решение, но я просто не могу понять. CSS ниже.

body { 
background-image:url(images/background_image/skyblue.jpg); 
min-width:1100px; 
padding-left:40px; 
padding-right:40px; 
padding-top:0; 
padding-bottom:0; 
margin:0; 
background-color:#022F00; 
} 

.container { 
background-color:#FFF; 
padding: 0; 
margin-left:auto; 
margin-right:auto; 
height:100%; 
background-image:url(images/background_image/skyblue.jpg); 
background-color:#022F00; 
} 

.header { 
width:inherit; 
background-color:ffffcc; 
position:fixed; 
left:auto; 
right:auto; 
} 

.login { 
float:right; 
padding:0; 
margin:0; 
border:0; 
} 

.rightinfo { 
background-color:#33F; 
float:left; 
height:200px; 
width:20%; 
border:thin; 
-moz-border-radius:1em; 
-moz-border-radius:1em; 
-webkit-border-radius:1em; 
-webkit-border-radius:1em; 

} 

.contentbackground { 
background-image:url(images/background_image/skyblue.jpg); 
background-color:#022F00; 
float:left; 
width:80%; 
padding-top:10px; 
} 

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

Answer 1

для полной ширины фиксированной попытки заголовка:

.header { 
top:0; 
left:0; 
right:0; 
background-color:ffffcc; 
position:fixed; 
}