Mystalia Studios » floating http://www.mystalia.net Coding Studio Fri, 19 Mar 2010 01:22:38 +0000 en hourly 1 http://wordpress.org/?v=3.0 Floating Image or HTML over an iframe using CSS. http://www.mystalia.net/2009/03/floating-image-or-html-over-an-iframe-using-css/ http://www.mystalia.net/2009/03/floating-image-or-html-over-an-iframe-using-css/#comments Tue, 03 Mar 2009 03:17:34 +0000 Mystalia http://www.mystalia.net/?p=62 You can see on http://fileblip.com/4fb26ed7! after clicking the continue button they have a floating panel over the top of an iFrame. Take a look at the code here they use, the trick is simply to use position: absolute and then toy with the left and top values until it is positioned correctly. You must also make sure the object is floating left or right, but you may have issues on the right.
.fltmsg {
position: absolute;
left: 10px;
top: 10px;
float: left;
border: 2px solid #ff0000;
background-color: #000000;
font-family: arial;
font-size: 10px;
font-weight: bold;
padding: 2px;
width: 300px;
}
]]> http://www.mystalia.net/2009/03/floating-image-or-html-over-an-iframe-using-css/feed/ 0