tam ekran 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 bulutucharset, MySQL Kurulumu, Asp ile MySQL Kullanımı, programlama, webmaster, expires, response.write, asp, expiresabsolute, değişken, IsClientConnected, sitemap, end, seo işlemleri, Türkçe karakter sorunu, language, xhtml, include methodu, redirect, seo, Cookies, webmaster tools, mysql, xhtml nedir, Servervariables, cacheControl, cookies, tam ekran iframe, bölgesel ayarlar, sql veri tipleri, Programlama, Get metodu, ClientCertificate, full screen iframe, sql, request.querystring, seo terimleri, css ipuçları, write, Post metodu,
sponsor bağlantı