CSS ile Sayfa Ortalama

Sayfa ortalamayı bir de CSS kodlarıyla yapalım;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS ile dikey ortalama</title>
<style>
#Kapsul{
    display: table;
    height: 649px;
    #position: relative;
    overflow: hidden;
}
#IcerikAlani{
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}
#alan{
    #position: relative;
    #top: -50%;
}
</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>
Etiket(ler): , .Yer işareti koy Kalıcı Bağlantı.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir