Floating div mit iframe

Ich bin versucht zu schweben iframe einige Wetter Informationen in der unteren linken Ecke von meinem Standort. Ich habe die Größe und alles zusammen, aber ich bin nicht allzu sicher, was ich mache, wenn es darum geht zu schweben es korrekt in einem div. Ich kann nicht scheinen, um das div und iframe zu schwimmen schön auf der linken unteren Seite der Website.

Nach vielen google-Suche und die Suche hier nicht, ich habe irgendwie klebte die folgenden zusammen:

<div style="position: absolute; bottom:3px; overflow: hidden; left: 0px; border: 0px none; width:270px; height:370px;">
<div style="overflow: hidden;">
</div>
<iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;">
</iframe>
</div>
</div>

Kann man sehen, was es ist, ich bin hier versuchen zu erreichen: http://www.soozoo.ca

InformationsquelleAutor Antec | 2013-07-12
  1. 4

    versuchen, diese

    http://jsfiddle.net/MqEhF/

    HTML

     <div style="left: 0px; border: 0px none; height: 370px; position: fixed; width: 270px; overflow: hidden; bottom: -67px;">
    <div style="overflow: hidden;">
    </div>
    <iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;">
    </iframe>
    </div>
    </div>
    • Das hat Super funktioniert. Ich sehe, wie Sie in der Lage waren, es zu korrigieren, indem man die position. Lektion gelernt, danke nochmal.
    InformationsquelleAutor Falguni Panchal
  2. 0

    Stellen Sie die position des div "fixiert".

    Hoffe, das funktioniert!!!

    InformationsquelleAutor PythonIITD
Schreibe einen Kommentar