html - Div area does not want to show when using object -
hi i'm using next code:
<div id="wrapper"> <div id="header">header</div> <div id="content-main"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="selfieland" width="100%" height="100%"> <param name="movie" value="selfieland.swf"> <param name="bgcolor" value="#d6d6d6"> <param name="quality" value="high"> <param name="seamlesstabbing" value="false"> <param name="allowscriptaccess" value="samedomain"> <param name="scale" value="default"> <embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash" name="selfieland" width="100%" height="100%" src="images/selfieland.swf" bgcolor="#d6d6d6" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain" scale="default" > </embed> </object> test </div> <div id="footer">© net - copyright 2014 - terms , conditions</div> </div> i can see header there's huge gap header , main content section, , biggest issue footer div not show 1 time flash loads. document fine image. reason flash messing up.
my css follows:
#wrapper { width:90%; margin:0px; border:0px solid #bbb; padding:0px; } #header { border:0px solid #bbb; padding:0px; background-image:url("images/sclogo_01.png"); text-align: center; width: 100%; height:50px; background-position:center; } #content { margin-top:0px; padding-bottom:0px; border:1px; } #content div { padding:0px; border: 0px; float:none; width:100%; height:100%; } #content-main { margin-left:0px; width:100%; height:100%; padding: 0; position: absolute; } #footer { background-image:url("images/sclogo_03.png"); text-align: center; width: 100%; height:50px; float:left; background-position:center; font-size: large; }
hmmm, willing go drawing board on 1 , start again?
i think should seek swfobject: https://code.google.com/p/swfobject/
this illustration documentation looks might trick you:
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>swfobject dynamic embed - step 3</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> swfobject.embedswf("mycontent.swf", "mycontent", "300", "120", "9.0.0"); </script> </head> <body> <div id="mycontent"> <p>alternative content</p> </div> </body> </html> download, set , modify, give go , allow me know how works you.
html css
No comments:
Post a Comment