SORU
25 Mart 2012, Pazar

Konumlandırma <div> ekranın merkezinde elemanı

Ekranın merkezinde <div> (<table>) bir unsur ekran boyutu ne olursa olsun pozisyon için istiyorum. Diğer bir deyişle, boşluk sol üst ' ve 'alt' eşit olmalıdır ve uzay sol 'sağ' ve 'taraf eşit olmalıdır. Sadece CSS ile bunu yapmak istiyorum.

Aşağıdaki denedim ama çalışmıyor:

 <body>
  <div style="top:0px; border:1px solid red;">
    <table border="1" align="center">
     <tr height="100%">
      <td height="100%" width="100%" valign="middle" align="center">
        We are launching soon!
      </td>
     </tr>
    </table>
  </div>
 </body>

Not:
Eğer <div> eleman (<table>) web sitesi ile verilirse ya da değil her türlü uyar. Sadece sayfa yüklendiğinde merkezli olmak istiyorum.

CEVAP
25 Mart 2012, Pazar

Eğer genişlik ve yükseklik varsa kolay yolu:

#divElement{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}​

Lütfen satır içi stilleri kullanmak yok! Burada 8* *Bir Çalışma örneği.

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

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • The Pet Collective

    The Pet Coll

    5 Ocak 2012
  • WPBeginner - WordPress Tutorials

    WPBeginner -

    17 Temmuz 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR