css - HTML table expands past 100% height on window re-size -


so have table twitch.tv widgets in it. want table stay fixed @ 100% width & height in viewport elements inside resize fit whatever window size user has. want there no scrolling.

the problem when user adjusts window size height ends pushing past 100% , not scaling down fit (forcing them f5 or scroll). going on? how fix this?

<!doctype html> <html> <html style="height: 99%;"> <meta charset="utf-8"> <title>untitled document</title> </head>  <body style="height: 99%;">  <table width="100%" style="height: 99%;" border="1">   <tbody>     <tr>       <td rowspan="2" width="350"><iframe frameborder="0" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchraidstwitch&amp;popout_chat=true" height="99%" width="350"></iframe></td>       <td><object type="application/x-shockwave-flash" height="99%" width="100%" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=internationalspacepimps" 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=twitchraidstwitch&auto_play=true&start_volume=25" /></object></td>       <td rowspan="2" width="350"><iframe frameborder="0" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=monstercat&amp;popout_chat=true" height="99%" width="350"></iframe></td>     </tr>     <tr>       <td><object type="application/x-shockwave-flash" height="99%" width="100%" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=internationalspacepimps" 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=twitchraidstwitch&auto_play=true&start_volume=25" /></object></td>     </tr>   </tbody> </table> </body> </html> 


Comments

Popular posts from this blog

sql - VB.NET Operand type clash: date is incompatible with int error -

SVG stroke-linecap doesn't work for circles in Firefox? -

python - TypeError: Scalar value for argument 'color' is not numeric in openCV -