The quickest way I found to do this and to keep the website standards compliant is to implement JavaScript to do my resizing for me. The following code is what I use (please note that I only tested in the major web browsers):<br>
<br>&lt;script type=&quot;text/javascript&quot;&gt;<br>&nbsp;&nbsp;&nbsp; window.onresize = resizeWindow;<br>&nbsp;&nbsp;&nbsp; function resizeWindow() {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var browser_height&nbsp;&nbsp;&nbsp; = 0;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; try {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (parseInt(document.documentElement.clientHeight) &gt; browser_height) {<br>
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; browser_height = parseInt(document.documentElement.clientHeight);<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; } catch(e) {&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (!browser_height || isNaN(browser_height)) { browser_height = 0; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (browser_height == 0) {<br>
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; try {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (parseInt(document.body.clientHeight) &gt; browser_height) {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; browser_height = parseInt(document.body.clientHeight);<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; } catch(e) {&nbsp; }<br>
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (!browser_height || isNaN(browser_height)) { browser_height = 0; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; document.getElementById(&#39;map&#39;).style.height = browser_height+&#39;px&#39;;<br>&nbsp;&nbsp;&nbsp; }<br>&lt;/script&gt;<br>&lt;body onload=&quot;resizeWindow();init();&quot;&gt;<br>
<br><div class="gmail_quote">On Wed, Jun 4, 2008 at 5:46 AM, Andreas Hocevar &lt;<a href="mailto:andreas.hocevar@gmail.com">andreas.hocevar@gmail.com</a>&gt; wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Hi,<br>
<br>
I need some advice on how to style an OpenLayers map that should have<br>
a 1-pixel border and fill 100% of the view port. This is no problem in<br>
quirks mode, but in standards compliant mode it won&#39;t work in IE. This<br>
is the CSS I have now:<br>
<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;html, body {<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;width: 100%;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;height: 100%;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;overflow: hidden;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;margin: 0px;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;#map {<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;border: 1px solid black;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;position: absolute;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;bottom: 0px;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;top: 0px;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;left: 0px;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;right: 0px;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}<br>
<br>
In IE (6+7), I see the borders, but no map. If I add &quot;height:100%&quot; to<br>
#map, I see the map (with all borders in IE6+7, without bottom border<br>
in FF), but when opening a popup in IE 7, the map disappears. It works<br>
fine in quirks mode, but I need standards compliant mode for this<br>
application.<br>
<br>
Any help would be highly appreciated.<br>
<br>
Thanks<br>
Andreas.<br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@openlayers.org">Users@openlayers.org</a><br>
<a href="http://openlayers.org/mailman/listinfo/users" target="_blank">http://openlayers.org/mailman/listinfo/users</a><br>
</blockquote></div><br><br clear="all"><br>-- <br>--<br>Nathan Gerber