Sabit Genişlik Düzeni ile Belge Ortalamak için CSS'yi kullanın

Sabit genişlikli düzenler, bazı popüler tarayıcılarla ortalamak zor olabilir, ancak yalnızca birkaç satırlık kodla mümkündür.

İşte Nasıl Yapılır?

  1. HTML düzenleyicinizde CSS stil sayfasıyla yeni bir Web sayfası oluşturun.
  2. Sayfadaki her şeyi depolayacağınız ana öğe olarak div öğesi oluşturun.
  3. Bu div öğesine, sayfada benzersiz bir kimlik verin.
  4. CSS stil sayfanızı açın ve div öğenizin genişliğini ayarlayın. div # main {genişlik: 750 piksel; }
  5. Alanınızı ortalamak için otomatik kenar boşlukları ekleyin. div # main {genişlik: 750 piksel; kenar boşluğu: otomatik; kenar boşluğu: otomatik}
  6. Netscape 4 ve IE 4 - 6 için sabitlemek için ( quirks modu ) gövde üzerinde bir metin hizalaması ekleyin. vücut {text-align: center; }
  7. Ancak içerideki tüm metin ortalanır, bu nedenle metin hizalama ekleyerek #main div'unuzdaki metni yeniden hizalayın: left; Orada. div # main {genişlik: 750 piksel; kenar boşluğu: otomatik; kenar boşluğu: otomatik; metin hizalaması: sol; }
  8. Sayfanızı ve stil sayfanızı kaydedin.
  9. Birkaç Web tarayıcısında test edin.

Bahşiş

Bu, düzen kutusunu ortalayacak ancak içindeki içeriği değil. İç içeriği ortalamak için metin hizalaması kullanın.