Sabit genişlik layouts orada bəzi populyar brauzerlər ilə mərkəzə çətin ola bilər, ancaq kodun yalnız bir neçə xətti ilə mümkündür.
Burada necədir
- HTML redaktorunuzda CSS üslubu ilə yeni bir Veb səhifə yaradın.
- Sayfada hər şeyi saxladığınız səhifənin əsas elementi kimi div elementini yaradın.
- Div elementinə səhifədə unikal bir ID verin.
- CSS stilinizi açın və div elementinizin genişliyini təyin edin. div # əsas {genişlik: 750px; }
- Sizin div mərkəzinə avtomatik marjinlər əlavə edin. div # əsas {genişlik: 750px; margin-left: auto; margin-right: auto}
- Netscape 4 və IE 4 - 6 ( quirks rejimi ) üçün düzeltmek üçün bədənə mətn hizalı əlavə edin. gövdə {text-align: center; }
- Amma sonra içərisindəki bütün mətn mərkəzli, beləliklə text-align əlavə edərək #main div içindəki mətni yenidən bərabərləşdirin: sol; orada. div # əsas {genişlik: 750px; margin-left: auto; margin-right: auto; text-align: sol; }
- Sayfanızı ve stilinizi saxlayın.
- Bir neçə Veb brauzerində test edin.
İpucu
Bu, layout qutusuna mərkəzi olacaq, lakin içindəki məzmunu deyil. Daxili məzmunu mərkəzləşdirmək üçün mətn-align istifadə edin.