full screen iframe etiketi ile ilgili sonuçlar aşağıda listelenmiştir.Css ile Tam Ekran Iframe Kullanımı
tam ekran iframe, full screen iframe,
Iframe kullanımı günümüz teknolojilerinde pek sıklıkla rastalanan bir kavram değil fakat bazen yaptığınız bir projede iframeler ile çalışma ihtiyacı duyabilirsiniz. Hatta iframe`i tam ekran kullanmak isteyebilirsiniz. Bu gibi durumlarda genelde height : 100%; işe yarar fakat iframe kullanımında işin içine bir kaç satır daha kod eklememiz gerekiyor.
Iframe kullanırken kod içerisinde kendi genişlik ve yüksekliğini verebilirsiniz fakat bütün tarayıcılar bu durumu desteklemeyecektir. Ve sonuç olarak iframe oluşturmak istediğiniz sayfada küçük bir banner olarak görünecektir. Peki o zaman nedir bu sihirli Css kodları hemen göz atalım.
Yukarıdaki kodlarımızda dikkat etmemiz gereken özellik..
tam ekran iframe, full screen iframe,
Iframe kullanımı günümüz teknolojilerinde pek sıklıkla rastalanan bir kavram değil fakat bazen yaptığınız bir projede iframeler ile çalışma ihtiyacı duyabilirsiniz. Hatta iframe`i tam ekran kullanmak isteyebilirsiniz. Bu gibi durumlarda genelde height : 100%; işe yarar fakat iframe kullanımında işin içine bir kaç satır daha kod eklememiz gerekiyor.
Iframe kullanırken kod içerisinde kendi genişlik ve yüksekliğini verebilirsiniz fakat bütün tarayıcılar bu durumu desteklemeyecektir. Ve sonuç olarak iframe oluşturmak istediğiniz sayfada küçük bir banner olarak görünecektir. Peki o zaman nedir bu sihirli Css kodları hemen göz atalım.
Kod Bloğu:
html, body {
margin: 0; padding: 0; position : absolute; height: 100%; max-height: 100%; width: 100%;
}
iframe {
position: absolute; height: 100%; width: 100%;
}
#kutu {
position: absolute; top: 0; bottom: 0; width: 100%; overflow: hidden;
}Yukarıdaki kodlarımızda dikkat etmemiz gereken özellik..
Yorumlara Bak ( 0 )
Yorum Bırak
Devamını Göster
arama bloğu
son cevaplananlar
cevap bekleyen konular
etiket bulutufull screen iframe, sheets, mysql`e giriş, Cookies, erişilebilirlik, seo işlemleri, ODBC, seo terimleri, write, asp, sql veri tipleri, xhtml nedir, include methodu, ASP’ye Giriş, expires, değişken, programlama, css, Request Nesnesi, MySQL Kurulumu, redirect, Asp ile MySQL Kullanımı, css`e giriş, status, Servervariables, class kullanımı, cookies, request.form, cacheControl, bölgesel ayarlar, MySQL Ayarları, Programlama, QueryString, ASP, css, flush, id kullanımı, binaryWrite, Türkçe karakter sorunu, IsClientConnected,
sponsor bağlantı