CSS ile websitesi nasıl ortalanır?
Bir websitesi veya web sayfası tasarladınız, HTML ve CSS kodlarını yazdınız ve tarayıcıda açtığınızda sayfanın istediğiniz gibi ortalanmak yerine sola hizalanmış olduğunu mu farkettiniz? Çözümü çok basit:
- <body> etiketiniz içerisindeki bütün içeriği yeni bir <div> ile sarın.
- Oluşturduğunuz yeni <div>e bir ID tanımlayın (örnekte ID için wrapper ismi kullanılmıştır ama siz istediğiniz ismi verebilirsiniz) ve CSS dosyanızda tanımladığınız ID için genişlik ve sağ-sol marginlerin “auto” olacağını belirten CSS kuralını oluşturun.
Artık sayfanız ortalandı 🙂
Aşağıdaki videoda benim kod editörü olarak tercih ettiğim Dremweaver programı ile bu işlemin nasıl yapıldığını görebilirsiniz.