SORU
16 ŞUBAT 2011, ÇARŞAMBA


Nasıl sayfa ekranı daha büyük olduğunda, ekranın ortasında bir div konuma

Merhaba bir div ekranın ortasında konumlandırılmış almak için aşağıdaki benzer kullanıyorum:

<style type="text/css"> 
#mydiv {
    position:absolute;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

</style>


<div id="mydiv">Test Div</div>

Ancak bu sorun, sayfa ekranı ortasında öğesi pozisyonları. Eğer öyleyse sayfayı bir kaç ekran yüksek ve ben de sayfanın üstüne (üst kısım kısım ekranda görüntülenir) ne zaman yaparım div görünür olmasa bile ekranda. Aşağı kaydırmak için bunu görmek zorunda.

Birisi ekranın ortasında görünmesini istiyorum nasıl söyleyebilir?

CEVAP
16 ŞUBAT 2011, ÇARŞAMBA


sadece position:fixed ekleyin ve eğer aşağı kaydırma bile görünümünde tutar. http://jsfiddle.net/XEUbc/1/ de bakın

#mydiv {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Karan Thakur

    Karan Thakur

    23 HAZİRAN 2010
  • MyCyberAcademy

    MyCyberAcade

    2 EKİM 2011
  • Photoshop Training Channel

    Photoshop Tr

    13 Temmuz 2012