Css Kayması ( Div Kayması) Css: açılımını yapacak olursak Cascading Style Sheets Türkçe anlamı basamaklı stil şablonu demektir ve birçok işe yaramaktadır.
_ Arka planlar renklendirelibilir veya resim ekleyebilir.
_ Nesnelere kenarlıklar eklenebilir
_Kenarlıklar renklendirilebilir.
_ Yazılar boyutlandırılıp, farklı renklere boyanabiliri.
_ Yatay menüler yapılabilir.
_ Css ile dikey menülerde yapılabilir.
_ Hatta css ile açılır menü ile yapılıyor
_ Resimler en ve boy olarak küçültülebilinir.
_ Buton yapılabiliniyor
_ Yazı başlıklarının altı çizilebilir
_ Resimlerin köşelerini ovalleştirebilinir
_ Yazılara gölge ekleyebilir
_ Yazıların hatta sitenin tamamını ortalayabilirsiniz
Css Kaymaları Nasıl Engellenir
Masa üstünde herhangi bir yere sağ tık yapın Ekran çözünürlüğü seçin açılan pencerede ( Çözünürlük (önerilen) seçin eğer çözüm olmuyorsa monitör menü düğmesine basarak ekran ayarlarına bakıp ayarlamanız gerekebilir.)
#media
{position: absolute; width: 650px; height: 295px; z- index:1; Left: 194 px; top: 0px; }
Media divinin pozisyonun mutlak ve lefti 194 px olduğu için sol kenarı 194 pixel uzak olacak şekilde mutlak yerleşim olması gerekiyor. Yakınlaştırma yapınca sağa, küçültme yaptıkça sola kayıyorsa çözüm Left nitelemesini kaldırmanız gerekebilir.Css kodlamada kayma yaşanıyorsa eğer;overflow: hidden; koyarsanız taşan kısımlar gözükmeyecektir.Ayriyeten üst üste geliyor diyorsanız bunun içinde çözüm var ortahaber divine css koduna şunu ekle ;
margin-bottom: 10px; 10px kendine göre ayarlarsın divler arasında alta boşluk verebilirsin div içindeki resme boşluk vermek istiyorsan eğer
css kodlarına şunu ekle .ortahaber img{margin-bottom:5px;}
box-shadow: 0px 0px 6px #000000; /* Standart */
- moz-box-shadow: 0px 0px 6px #000000; /* Firefox */
-webkit-box-shadow: 0px 0px 6px #000000; /* Safari ve Chrome */
ortahaber divine css koduna overflow:didden; eklerseniz taşanı kısımlar görünmeyecektir.Üst üste gelme gibi problem oluyorsa bunu içinda ortahaber divine css koduna şunu eklemeniz gerekiyor margin-bottom:10px; 10px kendine göre ayarlamanız gerekiyor divler arasına uygun boşluk vermek için div içinde css kodlarına şunu ekleyebilirsin.
ortahaber img {margin-bottom:5px;} burda ortahaber yazan bölüm divin ismi olacak.. Umarım yardımcı olmuşumdur.