www.bilgipaylas.org  

 bilgi paylaşım sitesi

MasterPage, Html Css Tam Sayfa Tablo Hazırlama (Yüzde Yüz Genişlik ve Yükselik)

Bir sayfayı ekran çözünürlüğüne göre %100 yükseklik ve genişlik vererek tam sayfa yapabilir. Bir tablonun genişliğini 100% yaptığımızda gerçekleşiyor ama yüksekliği 100% yaptığımızda sayfa yükseklik olarak kaplamıyor. Bunu da gerçekleştirmek için css kodlarına ihtiyacımız olacak.

CSS Kodları
  html, body, form {

        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        background-color: gray;
    }

    .Tablo {
        display: table;
        width: 70%;
        height: 100%;
        border: 2px;
        border-style: Solid;
        background-color: yellow;
        margin: 3px 3px 3px 3px;
    }

    .Tablo .Satir {
        display: table-row;
        height: 100%;
    }

    .Tablo .Satir .Hucre {
        display: table-cell;
        width: 33%;
        height: 33%;
        border: 2px;
        border-style: Solid;
        margin: 3px 3px 3px 3px;
    }

 

Dosyları indirmek için Buraya Tıklayın

Kayit Tarihi: 06.01.2021     Tıklama: 102

Menuler
Testler
Son Eklenen Dosyalar
Kategoriler

@gmail.com