Header bölümünü nasıl uzatabilirim ?

Merhaba arkadaşlar,
tasarım yapıyorum bir kaç sorunum var. İlk defa header kısmını uzatmam gerek. genelde hiç uzatmamıştım o yüzden yapamıyorum sanırsam

body{
	background:#e5e5e5;
	padding:0px;
	margin:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#464646;
	min-width: 720px;
	width: 1003px;
}

Body kodlarım bu şekilde. width ve min-width değerlerini vermessem tarayıcı boyutu küçüldüğünde resim kayıyor o bakımdan bunu vermem gerek.

Ama bunu verdiğimde header kısmını bu width değerini alıyor. Ben ise tamamen uzatmak istiyorum.

body içine yazdığım width kodlarını wrapper adında ki bir id 'ye atayıp header'i bundan ayırsam olur mu ki ? o zamanda logo kayıyor bu sorunu nasıl çözerim

header'a verdiğiniz width:100% !important; şeklinde denediniz mi hocam ?

Malesef olmadı hocam.

Css kodlarım bu şekilde ;

body{
	background:#e5e5e5;
	padding:0px;
	margin:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#464646;
	min-width: 720px;
	width: 1003px;
}

.temizle {
clear: both;
}

#header	{
	background-color: #c52d2d;
	background-image: linear-gradient(#dd3b3b, #c52d2d);
	/*background-image: url(../bgg.png);*/
	height: 50px;
	border-bottom: 1px solid #AF2B2B;
}

Body tagına sabit genişlik verilmesi doğru değil, onun yerine header, section, footer gibi alanları ayrı ayrı bloklar halinde hazırlayıp genişlik değeri vermelisiniz.

Profesyonel arayüz kodlamalarını inceleyin.

@frdtrkc hocama katılıyorum body içerisinde sabit genişlik vermeyin mesela header içine genel divi oluşturun genel divine sabit genişlik verin sayfanın ortalanması için mesela şu şekilde;

<div id="header"> /* body içerisinde genişliği kaldırdığınızda tam ekranı kaplayacaktır.
<div id="genel"> /* bunada width:960px; margin:0 auto; dediğinizde sayfa tam ortalanacaktır.

</div>
</div>

image yana tekrar: repeat-x