yakuter » Css İle Siteyi Ortalama

POPÜLER ARAMALAR: reklam, pazarlama, iş,
kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog

21 Haziran 2006

Css İle Siteyi Ortalama

Etiketler: Css, ders, ortalama
Kategori Css, Web | Toplam 678 kez okunmuş | 15 Yorum

Yapacağınız bir sitenin, sayfanın tam ortasında görünmesini istiyorsunuz diyelim. Bunu çok basit ve pratik bir işlemle çözebilirsiniz.

Öncelikle kendimize bir taşıyıcı belirliyoruz. Taşıyıcı nedir derseniz ,

resimdeki "container" taşıyıcıdır. Taşıyıcı bütün öğeleri içine alır. Yazacağımız her şey bunun içinde yer alır ve sayfayı hizalarken bunu kullanırız.

Sayfayı ortalamanın ilk yolu kodda göründüğü gibidir.

Duz Metin

#container {width: 760px; margin: 0 auto; }

Css dosyanızda bu şekilde bir kullanım opera ve firefox gibi tarayıcılarda sorunsuz görünse de internet explorer'da sorun çıkartacaktır. Bütün tarayıcılarda ortalanmış sorunsuz bir görüntü elde etmek istiyorsak yapmamız gereken css dosyamızdaki body seçicisini şu şekilde düzenlemek.

Duz Metin

body {text-align: center; }

Böylece sayfadaki her şey ortalanacaktır. Fakat bizim istediğimiz sadece taşıyıcının (container) ortalanması ve diğerleri nesnelerin(yazır, resim...) taşıyıcının içinde sola yaslanması. Kodumuza son halini verip bütünleştirirsek css dosyamız şöyle olmalıdır

Duz Metin

body {text-align: center; }
#container {width: 760px; margin: 0 auto; text-align: left; }

Artık tamamen ortalanmış bir sitemiz var ;)

Not: Bu resmi de iyiki zamanında hazırlamışım. Her makalede işime yarıyor :)

“Css İle Siteyi Ortalama” için 15 Yorum

1 mamcellat
18 Ağustos 2007, 10:22

ya anlamadığım şey şu tam kodu varmı bunun
2 mirc
28 Kasım 2007, 19:09

eline saglık valla işime yaradı
3 Serhat
22 Aralık 2007, 16:16

evet evet :) benimde işime yaradı gerçekten..teşekkür ederim
4 fatih
22 Ocak 2008, 18:55

hocam konu anlatımı için tşk. yalnız benim bir sorunum var.
700e500 ölçüsünde kutu şeklinde bi tasarımım var, yatayda ortalanmıyor. kendi bilgisayarımda gayer güzel sonuç veriyor ama geniş bir monitörde sayfa sola yakın çıkıyor.
söylediğiniz yöntem de dahil hemen hemen tüm teknikleri denememe rağmen sayfayı ortalayamadım. tablo ekleyip, div ekleyipte ortalayamadım. yardımlarınızı bekliyorum.
5 yakuter
22 Ocak 2008, 20:17

>fatih bu makale işine yaramadıysa başka yöntemler denemen lazım ki şuan aklıma bir şey gelmiyor. Destek forumlarında sorununu dile getirebilirsin.
6 ihya
03 Şubat 2008, 10:35

tesekkürler kardes :)
7 aşk
25 Mart 2008, 15:45

benımde 4 tane css sitem var bu sorunu yaşıyordum iş yerınde yapıyordum ortalı eve gittiğimde laptopdan bakınca kaydıgını felan gördüm.. ama bu şekilde düzelttim şuanda sorunsuz çallışıyor teşekkürler yakuter
8 salih
06 Mayıs 2008, 14:19

firefox ta ortalanmıyor bu şekildeNe yapabilirim acaba?
9 yakuter
06 Mayıs 2008, 18:35

@salih,firefox’ta da ortalanıyor. Bir yerlerde hata yapıyorsundur. Kodlarını tekrar gözden geçir derim.
10 salih
06 Mayıs 2008, 23:04

şimdi fark ettim margini sadece 0px yapmışım yanına auto yazınca düzeldi.kodlar düzgün çalışıyor dostum tekrardan sağol kusura bakma
11 Mutllu
20 Mayıs 2008, 09:31

teşekkür ederim.
12 teknoim
26 Haziran 2008, 16:19

tesekkurler gercekten cok ısıme yaradı
13 Arif
30 Haziran 2008, 20:14

“Css İle Siteyi Ortalama” derken “İle”, “ile” olarak yazılır. Sanıyorum gözden kaçmış. Teşekkürler.
14 komik
18 Temmuz 2008, 21:02

teşekkürler kullanışlı işime yaradı
15 Murat
26 Temmuz 2008, 15:24

Arif, -“Css İle Siteyi Ortalama” derken- değil -“Css İle Siteyi Ortalama” yazarken- diye yazılır. Sonuçta bişey denilmiyor bişey yazılıyor.

Mekaleniz için Teşekkür Ederim. Faydalı bi bilgi..