2016-04-02 27 views
1

iframe'leri nasıl konumlandırırım? Bunları bir div içinde içermem gerektiğini okudum, ancak çalışmam mümkün değil ...iframe'ler nasıl konumlandırılır

İç boşlukların içinde iframe'ler olmasını istiyorum, böylece yalnızca orijinal sitenin bir bölümünü gösterebilirim. Sitemin sadece bir kısmı.

<style> 
#s1 { 
height:50%; 
width:50%; 
float:left; 
} 
#s2 { 
height:50%; 
width:50%; 
float:right; 
} 
</style> 

<body> 

<div id="s1"> 
<iframe id="my-iframe" src="www.site1.com" scrolling="no" style="position:absolute; top:-150px; left:0px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; "> 
</iframe> 
</div> 

<div id="s2"> 
<iframe id="my-iframe" src="www.site2.com" scrolling="no" style="position:absolute; top:0px; left:0px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; "> 
</iframe> 
</div> 
</body> 

cevap

0

sorun ebeveyn için float: left o zaman çocuk için mutlak kullanımını gerek kalmaz şamandıra ile yan iframe'lerin yan yapmak istiyorsanız, bunlardan birini tercih etmelisiniz iframe için position: absolute set set olduğunu kaldırmak iframe'ler için inline css ve ebeveynler için float kullanın. Eğer mutlak pozisyonu kullanmak istiyorsanız, şamandıraları çıkarın. Çocuklar için mutlak pozisyonu kullanmak istiyorsanız ebeveyn için position: relative ayarlamalısınız.

JSFiddle

+0

ben bu ayarlarla etrafında karışıklık çalıştım, ama o iş alamadım. iframe her zaman div üzerinde önceliğe sahip görünüyordu, böylece div iframe'leri asla içermezdi. – Ragatokk

+0

jsFiddle bağlantısını gördünüz mü? istediğin bu değil mi?/değilse, lütfen bir fotoğrafla açıklayın. – Pedram

+0

jsFiddle tarafından gönderilen bir bağlantı göremiyorum, Burada bir resimde ne yapmak istediğimi açıklamaya çalıştım: http://i.imgur.com/ZauiUlo.png – Ragatokk

İlgili konular