Arkadaşlar html/css yeni öğreniyorum. İki tane aynı isimde ayrı ayrı bir header divi birde header clası oluşturdum. Header div'im içerisinde header arka plan genişliğe 100% verdim. Burda sıkıntı yok. Birde header clası oluşturmusum bu clas içerisindeki genişliği 980px olarak sınırlandırıp sayfamda ortalamışım. Bu şekilde eklediğim logo menü linkleri vs. sayfamın sağına ve soluna istediği gibi kaçamıyo 980px geçemiyor. Bu şekilde istediğim sonucu mozilla ve chrome tarayıcılarında alıyorum. Yani aşagıda class arasında <p>furkan</p> yazısı dilediği gibi sağa ve sola kaçamıyor. Ancak internet explorer tarayıcında istediğim sonucu alamıyorum. Sanki text-align:left; yapmısım gibi solda yer alıyor. Sorunun benim bu yöntem, yapmamdan kaynaklandıgını düşünüyorum.

Arkadaşlar header içerisinde 980px gövde alanını yakalamam gerekiyo. İnternet explorer tarayıcısında bu sonucu alamadım. Kod yanlış olabilir ve bunun başka bir yöntemi olabileceğini düşünüyorum Yardımlarını bekliyorum..

Html Kodu:

<div id="header"></div>
<div class="header">

<p>furkan </p>

</div>

CSS Kodu:

#header{
background:url(header.png) repeat-x;
width:100%;
height:142px;

}
.header{
width:980px;
margin:0 auto;

}