ya anlamadığım şey şu tam kodu varmı bunun

eline saglık valla işime yaradı

evet evet :) benimde işime yaradı gerçekten..teşekkür ederim

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.

>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.

tesekkürler kardes :)

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

firefox ta ortalanmıyor bu şekildeNe yapabilirim acaba?

@salih,firefox’ta da ortalanıyor. Bir yerlerde hata yapıyorsundur. Kodlarını tekrar gözden geçir derim.

ş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

teşekkür ederim.

tesekkurler gercekten cok ısıme yaradı

“Css İle Siteyi Ortalama” derken “İle”, “ile” olarak yazılır. Sanıyorum gözden kaçmış. Teşekkürler.

teşekkürler kullanışlı işime yaradı

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..

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…

Teşekkürler, kendi sorunum için denedim ve çok güzel sorunsuz çalıştı.

biz bu sitemizdeki yazıları piksel piksel nasıl soldan sağa doğru kaydırabiliriz .

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

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.

İyi anlatım başarılar.
Yukardaki işlemin biraz farklısı ise oluşturduğunuz div elementleri için “margin-right” ve “margin-left” özelliklerinin değerlerini “auto” olarak atamaktır.

“Container” iptal edildiği zaman “header” sayfada merkezlemek için ;

.header{
width:800px;
height:200px;
margin-right:auto;
margin-left:auto;
}

bu şekilde bir ortamala sağlanabilir. Tek dikkat edilmesi gereken konu boyutunu ayarlamadan ortalama işlemini denememenizdir. “Container” boyutlandırılmasa da “text-aling” özelliği ile içerisinde bulunan div elementleri merkezlenebilmektedir.

@Emre, makaledeki margin:0 auto; kodunun anlamı zaten sol ve sağ değerlere auto atamaktır ;)

@yakuter , anlatmak istediğim sağ ve sol değerden ziyade bir konumlayıcı belirlemeden de merkezleme olabileceğini belirtmekti. Seninde bildiğin üzere bazı şeylerde detaya inilirse anlayan kişi daha fazla olmaktadır. Maksatım konuyu biraz daha açmaktı sadece.
Başarılar

@Emre söylediğinde haklısın fakat yanlış hatırlamıyorsam IE6′da sorun çıkarıyordu bahsettiğin gibi bir CSS ortalaması. Onun üzerine bu yazıyı yazmıştım. Yani tek başına margin: 0 auto; yetmiyordu. Şimdi tüm tarayıcılarda çalışıyorsa dediğin gibi basit bir çözüm işe yarayabilir ;)

ie6 yı artık düşünmeyelim derim :)
http://developer.yahoo.com/yui/reset/
gibi bir css sıfırlama dosyası ile bu tür tarayıcı farkları artık ortadan kalmış durumda bildiğin üzere.

@Emre, sıfırlama yöntemleri seçicilerin varsayılan değerlerini sıfırlar ama tarayıcıların yorumlama şekillerini değiştirmez. Bu konuda bir yanlış anlaşılma olmasın.

Diğer dediğinde ise haklısın, artık IE6′yı bende umursamıyorum. Bu yazıyı 21 Haziran 2006 tarihinde yazmışım :)

@yakuter , o zaman tamam :)

#container {.. text-align: left; }

buradaki text-align kısmı left olarak yazıldıktan sonra istediğimiz kısımları sağa yaslamak yine o bölge için sağa yasla diyerek sağa yaslayabiliyoruz dimi

Evet elbette, o an kullandığınız div seçicisi için istediğiniz konumlandırmayı yapabilirsiniz.

verdiğiniz bilgiler için teşekkürler artık sıkı bir takipçiniz olacağım…

Rica ederim ;)

teşekkürler

eline sağlık

“center” tagı kullandığım günlerde W3.Org’un mobil doğrulamasından düşük not alıyordum, bu tagları kullanmaz olduktan sonra 1 puan yükselip %92 olmuştu. Sanırım “marquee” tagından da geçeceğim. Onu da attım mı epey yükselecek gibi :)

ellerine sağlık…
Siteyi ortaladık, peki sağ veya sol veya da hem sağ hem sol boşluklara dikey reklam alanları v.b nasıl ekleyebiliriz bunu da açıklayabilir misiniz lütfen…

@cafgazhar aynı sorunun cevabını bende arıyorum :D gerçi benim sorunum biraz farklı, ben phpbb temalı bir forum sitesinde div ile rahatlıkla istediğim yerine reklam alanını ekliyorum, 1024px genişliğe göre ayarlıyorum, doğal olarak daha yüksek çözünürlüklerde reklam alanı sitenin üzerine kayıyor, bunu bir türlü çözemedim, bb nin yapısı tablo olduğu için div in sağına soluna float ta edemedim, yardım bulabilsek iyi olacak.

eyw kardeş;) yaw site yapıyorum saçma salak açılıyordu :) sayende toparlıyorum

css dosyasını nasıl oluşturum.Bide acemiler için anlatırmısınız? şimdiden teşekürler…

explorerde yapamıyorum ortalamayı yardımcı olurmusunuz lutfen

Nil Hanım, bu konuda şu sitede ihtiyacınıza yönelik başlangıç seviyesindeki yazıları bulabilirsiniz. Saygılarımla…
http://www.fatihhayrioglu.com/

çok güzel. kısa ve öz olmuş.

Photoshopta alt taslağı hazırlıyorum ve image readyde sablonu kesme işlemi ile parçalıyorum sonucta elimde html ve image olarak kaydettiğimde sitenin ana görünümü cıkıyor bu css kodlarını bu parçalara uyguladığımda sorun yaşıyorum bunun çözümü nedir acaba . Teşekkürler

hocam çok sağol ya. hiç bilmeyen birisi için, bu bile zor gerçi(ben) ama uğraşınca oluyor :)

Değerli bilgi için çok sağol…

teşekkürler

Abi allah senden razı olsun

Sabahtan beri bir sürü site gezdim makale okudum hiçbiri işime yaramadı. Site her çözünürlükte farklı konumdaydı.
Sayenizde çözdüm teşekkür ederim

Çok teşekkür ederim.

Üstadım dediğin şekilde yaptığım zaman bütün tarayıcılarda sorunsuz çalışıyor. Fakat yeni bir id oluşturup buna genişlik (width:800px gibi) değer atadığımızda ie 8 ve üzerinde sorunsuz çalışırken google choreme da sola yaslıyor ve div in içini ortalıyor.

teşekkürler çok açıklayıcı oldu

Allah Razı Olsun

öncelikle bu açıklamalarla ilgili olarak erhan bey başta olmak üzere herkese çok teşekkürler…

yalnız benim şöyle bir problemim var konu ile ilgili olarak;

örneğin benim sayfam 3 adet div'den oluşuyor, bir adet container ve bunun içerisinde iki adet div…
başlangıçta tüm divlerimde float:left; yazılı ve container div'im için height:auto;

sorun şu ki; bahsettiğiniz şekilde sayfamı ortalamak için container div'imdeki float:left; özelliğini kaldırıp yerine margin:0px auto; yazdığımda sayfam ortalanıyor ancak height:auto; özelliğim çalışmaz hale geliyor…

bu sorunumu çözebilirseniz çok sevinirim…
teşekkürler…