Yazı sayfayı kaplamıyor Yardım

Kardeşim aşağıda bulunan

.ortaustaltyazi {
position:relative;
top:260px;
left:200px;
width:970px;
margin-bottom:50px;
}
.ortaustyazi {
position:relative;
top:250px;
left:450px;
width:970px;
}

ortaustaltyazi ve ortaustyazi sınıflarına genişlik (width) değeri vermişsin onun için tarayıcı verilen değere o yazıyı sığdırmış, ayrıca bir de left değeri verip yazıyı sol kısımdan uzaklaştırmışsın.
bunları yapmak yerine

ortaustyazi sınıfına ( left:450px; ) değeri yerine ( text-align:center; ) ekleyip yazıyı sitenin genişliğine göre ortalamış olursun. (Bunda text-align: kullanmamızdaki amaç h1 etiketini etki ettiği için)
ortaustaltyazi sınıfına ( left:200px; ) değeri yerine ( margin: 0 auto; ) ekleyip yazıyı sitenin genişliğine göre ortalamış olursun.

kısaca üste kendi kodların ile aşağıdaki css kodlarını değiştirmeni tavsiye ederim ;

.ortaustaltyazi {
position:relative;
top:260px;
margin: 0 auto;
margin-bottom:50px;
}
.ortaustyazi {
position:relative;
top:250px;
text-align:center;
}