kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog
Css İle Siteyi Ortalama
Etiketler: CSS/XHTML/W3C, ders, ortalamaKategori CSS/XHTML/W3C | 31 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.
#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.
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
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 :)
Kuvvet ordudur. Düşmanlar milletimizi bağımsızlıktan mahrum etmek için evvela onu ordudan mahrum etmek çarelerine giriştiler. Kumandanlarımıza ve subaylarımıza tecavuz etmeye başladılar. Ordumuzu tamamen lağvederek milletin bağımsızlığını muhafaza için muhtaç olduğu dayanak noktasından mahrum etmeye teşebbüs ettiler. Herhalde ordu düşmanlarımızın birinci taaruz hedefi oldu. Orduyu imha etmek için de mutlaka subayları mahvetmek ve aşağılamak lazımdır. Bundan sonra milleti koyun sürüsü gibi boğazlamakta engeller ve müşkülat kalmaz.
Mustafa Kemal Atatürk
Rastgele Sözler Eklentisi ile oluşturulmuştur.
yakuter.com © 2006-2009 Erhan Yakut. Site tasarım fallendesign. Hosting sponsoru WebGrup.
Site içerisindeki içerikler izinsiz kopyalanamaz, alıntı yapılamaz.
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..
16 alper
25 Aralık 2008, 21:07
arkadaşım bilgiler çok güzel ortalarken temayı konular kısmı ortalanmış sidebar kısmı alt tarafta gözüküyor…bunu çözemedim konuların olduğu yeri yanına sidebarı getiremiyorum…yardımınız için şimdiden teşekkür ederim…
17 emrah yılmaz
30 Aralık 2008, 10:42
Teşekkürler, kendi sorunum için denedim ve çok güzel sorunsuz çalıştı.
18 ömer
18 Ocak 2009, 16:00
biz bu sitemizdeki yazıları piksel piksel nasıl soldan sağa doğru kaydırabiliriz .
19 özkan
16 Nisan 2009, 13:41
ben şunu sormak istiyorum. bu css kodunu nereye nasıl yazılacak html içindeki nin içinemi yoksa ondan önçe css in kendi içinde var da orayamı yazılacak tam yazılmış halini bildirirseniz çok memnun olurum.teşekkürler
20 yakuter
17 Nisan 2009, 12:00
CSS kodu html dosyasının içine veya harici bir dosyaya yazılarak çağırılabilir. Google’da bu konuyu araştırısanız oldukça tatmin edici makaleler bulabilirsiniz.