Css ile Sayfa Ortalama

5.2.2010 20:02:00 Posted by Kenan KayaOkunma Sayısı: 4442

 

Css ile Sayfa Ortalama

Merhaba bu yazımda css ile sayfalarımızı nasıl ortalayacağımıza değinmeye çalışcam. Tarayıcılar arası farkları göz önünde bulundurarak CSS kodumu ona göre yazıyorum. Explorer 8, Opera, Firefox ve Chrome ile denemeler yaptım bir sorun yaşamadım.

Şimdi örneğimize geçelim; style.css sayfamın içeriği şu şekildedir:

 

body

{

text-align:center;

}

.ortala

{

margin-left:auto;

margin-right:auto;

width: 50em;

text-align:left;

}

 

Body  etiketine text-aling:center; dedik, aslında bu etiket sayfadaki tüm öğeleri ortaladı. Yani yazılarımız veya yazacaklarımız sayfamızın tam ortasına denk gelecektir.
Bunun çözümünü ortala class'ının içine text-aling:left; diyerek yazılamızı sola dayamış olduk.
 
W3C bu konuda margin-left ve margin-right değerlerini auto olarak verirsek sayfamızın ortalanacağını belirtmiştir.


ETİKETLER: Css ile Sayfa Ortalama, css ile ortalama, sayfa ortalama, div ortalama, css, css ile siteyi ortalama,

Yorumlar

norm34(Feb 3 2010 6:16PM)

Teşekkürler, ihtiyacım vardı.