Помогите немного с версткой

Тоесть имею в виду чтобы у хедера бекграунд тянулся на 100% ширины экрана

html:

css:

Что-то не вышло - вся страница стала шириной 100%, а должна быть отцентрированной по центру

вот скриншот вложил

Класс header нужно вынести вне контейнера #pagewidth

Что-то ничего не поменялось. Вот как сделал:

<style>

#pagewidth{ 

 width:1280px; 

 text-align:left; 

 margin:0 auto; 

} 

.header {width: 100%; }

.header-wrap {width: 1280px; margin: 0 auto;background: #cccccc;} 

/*Далее ничего не менял*/

</style>



<div id="header"><div class="header-wrap"><h2>Head</h2></div></div>

<div id="pagewidth" >

	

	<div id="wrapper" class="clearfix">

		<div id="twocols"> 

			<div id="maincol"><h1>Main Content Column</h1></div>

			<div id="rightcol"> <h2>right Column</h2></div>

		</div> 

		<div id="leftcol"> <h2>Left Column</h2></div>

	</div>

	<div id="footer"><h2>Footer</h2></div>

</div>

У вас в html прописано:

а в css:

id поменяйте на class

получилось! Спасибо огромное!

Подскажите а как реализовать в существующем макете, чтобы сначала шло основное содержимое страницы, потом левый блок, потом правый, потом хеадер, а потом футер.

В хедер цепляю код логинзы а она иногда тупит, поэтому страница часто "подвисает"

JavaScript, верно?

Тогда оберните сам код JS в:

$(document).ready(function() {

  // код

});

Или, если подключается файл JS с кодом, подключайте его в конце страницы.

Это разумнее, нежели переделка всей верстки.