I have tried all the usual things such as:
<table height="100%" style="height:100%;width:100%;">
<tr>
<td height="100%" style="height:100%;width:100%;"><img src="../../images/logo2.gif" style="height:100%; width:100%;" height="100%" /></td>
</tr>
</table>
And every combo possible with divs and spans. I can only assume there must be some weird css somewhere overriding my 100%?
My old css/html code use to work fine in 1.6 (before it moved to MVC), so I just need a pointer in the right direction. My actual page is used to host a Silverlight application, which needs to take up the full space of the browser window, part of which is given below:
<div id="silverlightControlHost" style="height:100%;">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/WordGame.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="3.0.40818.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/>
</a>
</object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe>
</div>
But instead of taking up the full height, it only takes up about a thid at best, probably less. The 100% width still works fine, it's just the height I am having problems with.
I can only assume there must be some css class or id I need to use? I have even tried basing it on existing views and also tried basing it on a layout of an existing view, but it makes no difference.
Hopefully someone can help me?
Thanks.
David.