Tam ekran 100%yüksekliğe sahip iframe

SORU

3 Mayıs 2011, Salı

Tam ekran 100%yüksekliğe sahip iframe

=100% tüm tarayıcılarda desteklenen iframe yüksekliği;

Doctype olarak; kullanıyorum

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Eğer söylersem benim iframe kodu

<iframe src="xyz.pdf" width="100%" height="100%" />

Aslında kalan sayfa 50px sabit yükseklik ile üstünde başka bir çerçeve var gibi)yüksekliği sürer yani Bu tüm büyük tarayıcılar (IE/Firefox/Safari) desteklenir ?

"Firefox engelli kaydırma çubukları...Nasıl tamamen kaydırma çubukları gizlemek ve iframe yüksekliğini otomatik olarak ayarlarım? görebiliyorum"hayır=kaydırma dediğim halde kaydırma çubukları ile ilgili olarak da,

CEVAP

3 Mayıs 2011, Salı

Önceki cevap olarak çerçeve Birleşik Devletleri kullanabilirsin ama eğer iframe kullanma konusunda ısrarcı iseniz, aşağıdaki 2 örnek olmalı

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</body>

Alternatif:

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
</body>

Yukarıda gösterildiği gibi 2 alternatifleri ile kaydırma gizlemek için:

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:150%;width:150%" height="150%" width="150%"></iframe>
</body>

İkinci örnek ile kesmek:

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:150%;width:150%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="150%" width="150%"></iframe>
</body>

Gizlemek için kaydırma çubukları iFrame üst yapılır overflow: hidden gizle çubukları ve iFrame yapılır gitmek kadar 150% genişlik ve yükseklik olan güçler kaydırma çubukları dışında sayfa ve o zamandan beri vücut yok kaydırma çubukları olur bekliyoruz iframe için sınırları aşan sayfa. Bu tam genişliği ile iFrame kaydırma çubukları gizler!

Bunu Paylaş: