googlexx Posted April 10, 2013 Share Posted April 10, 2013 (edited) Hey everyone, I'm having some trouble sizing a flash object inside a div. I'm trying to get it when you resize the window the flash objects resizes as well but it keeps its dimensions. This is what I have: When I change #flashcontent to height and width of 100% it does what I want it to do but I dont want it the entire size of the page I'm trying to get it the full size of a div. Any help is appreciated. Thanks <style type="text/css"> html { height: 100%; } #flashcontent { height: 480px; width: 720px; } #content { position: absolute; height: 100%; width: 100%; } /* end hide */ body { height: 100%; margin: 0; padding: 0; background-color: #eee; } </style> </head> <body> <div id="content"> <div id="flashcontent"> <object style='height:100%;' type="application/x-shockwave-flash" height="100%" width="100%" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=dotahut" bgcolor="#000000"><param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=dotahut&auto_play=true&start_volume=25" /></object> </div> </div> </body> Edited April 10, 2013 by googlexx Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.