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?
- HTML düzenleyicinizde CSS stil sayfasıyla yeni bir Web sayfası oluşturun.
- Sayfadaki her şeyi depolayacağınız ana öğe olarak div öğesi oluşturun.
- Bu div öğesine, sayfada benzersiz bir kimlik verin.
- CSS stil sayfanızı açın ve div öğenizin genişliğini ayarlayın. div # main {genişlik: 750 piksel; }
- 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}
- 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; }
- 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; }
- Sayfanızı ve stil sayfanızı kaydedin.
- 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.