Şimdi Ara

Pencere boyutuna göre sayfanın hareket etmesi YARDIM!

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
6
Cevap
0
Favori
1.070
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba websitem için içerisinde birçok div bulunan bir anasayfa hazırlıyorum ve tüm bu divleri bir düzen halinde sayfanın tam ortasında kalmasını istiyorum, sanırım buna cover deniyor.
    Özetle; sayfam tarayıcı penceresinin sürekli ortasında kalmalı ve belirlenen bir sınıra kadar küçültülmedikçe altta kaydırma çubuğu çıkmamalı.
    Örnek olarak "istanbuloyun" sitesini gösterebilirim, www ve com'u siz eklersiniz.
    Dreamweaver ve Frontpage kullanıyorum tavsiyelerinizi bekliyorum.

    Teşekkürler.



  • Merhaba,

    Hepsini içine alan bir konteynir div açıp, diğer divleri onun içinde konumlandırıp daha sonra o div'i sayfaya ortaladığın zaman problemin çözülecektir.
  • margin:0 auto; değerini gir ana dive ortalanır
  • Cevaplar için teşekkürler fakat başaramadım. Bende hepsini içine alacak bir main container oluşturdum ve ortaladım. Z dizininde 1 yaptım ve diğer tüm divleri maincontainer divinin altına ekledim fakat browserda test edildiğinde divler herzamanki gibi sayfada belirlenen konumlarında duruyorlar ana dive göre hareket etmiyorlar dolayısıyla pencere hareket etse de oldukları yerde duruyorlar.
  • Konu günceldir.
  • z-index dedigine gore absolute olarak kullanıyorsun. o halde margin:auto; sadece position:relative; özelliginde isleyebilir sadece position:absolute; margin:auto işlemez. relative ozellikli obje icnde absolute ozellikli calıstırabilirsin kayma olmaz. relative veya absolute ozellige sahip olmayan bir nesne icerisine absolute veya relative ozelligi olan bir obje koyarsan body e gore kendini ayarlar diger turlu bulundugu divin x ve y sine gore ayarlar.

    Özetle mantığın şu olmalı.

    <div style="position:relative;margin:auto;width:900px;"> << anadiv baslangic tag

    //buradaki alan senin absolute ve ya relative yaptıgın divlerine ait.
    <div></div>
    <div></div>


    </div> << anadiv bitis tag



    < Bu mesaj bu kişi tarafından değiştirildi Aske -- 20 Haziran 2012; 21:53:02 >
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.