CSS ile Dikey Ortalama

Merhaba ,
Burayı css notlarımı ihtiyacım olduğunda kolay bir şekilde bulmak ve diğer css sever arkadaşlarla paylaşmak için açmış bulunuyorum.

Benim için bir dönüm noktası olacağına eminim. Umarım sizede ufak tefek katkılarım olur.

CSS ile dikey ortalama

Öncelikle dikey ortalama css de belirsiz yükseklikte işe yaramaz onu belirtiyim.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS ile dikey ortalama</title>
<style>
#Kapsul{
    display: table; 
    height: 400px; 
    #position: relative; 
    overflow: hidden;
    border: 1px solid green;
}
#IcerikAlani{
    #position: absolute;
    #top: 50%; 
    display: table-cell; 
    vertical-align: middle;
}
#alan{
    #position: relative; 
    #top: -50%;
    border: 1px solid green;
}
</style>
</head>
<body>
  <div id="Kapsul">
    <div id="IcerikAlani">
    <div id="alan">Lorem Ipsum is simply dummy text of the printing and typesetting  industry. Lorem Ipsum has been the industry's standard dummy text ever  since the 1500s, when an unknown printer took a galley of type and  scrambled it to make a type specimen book. </div>
    </div>
  </div>
</body>
</html>


http://fatihhayrioglu.com/ abimizden alıntıdır.


Yorumlar

Yorum Gönder

Popüler Yayınlar