Question

I have a web page that is laid out in HTML and has some Silverlight imbeded into the main portion. This Silverlight needs to be absolutely positioned on the screen for reasons out side the scope of this question. In order to maintain the flow of the HTML which is statically positioned I wrote the code below.

<div id="div2" style="height:600;width:900;">
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

I understand that this is a major hack but I’m not sure if there is a better way to handle this. Thank you for any answers.

Aaron

Answer 1

Could it be that your CSS is wrong? Heights and widths should be px for reliable rendering.

HTML:

<div id="div2"></div>

CSS:

#div2 { height: 600px; width: 900px; }

Unitless heights are ignored in all browsers for which I tested. (Even IE6 doesn’t do it that wrong.)