Arno,<div><br></div><div>I have also encountered this issue. The solution I came up with was to switch the div to position:fixed and to have a helper JavaScript function to resize the div every time the window changed size. If you plan on having items on the page other than just the map you may need to adjust your CSS positioning for those items as well if you end up going this route.</div>
<div><br></div><div>function windowResize() {</div><div> /* Do Resizing events through JavaScript */</div><div> /* Detect Height and Width of page */</div><div> /* Do whatever adjustments you wish to add to the height and width, then set to the div */</div>
<div> /* div.style.top = "0px"; // How far from the top you wish the div to start at</div><div> div.style.left = "200px"; // How far from the left you wish the div to start at</div><div> div.style.height = newHeight+"px";</div>
<div> div.style.width = newHeight+"px";*/</div><div>}</div><div>window.onresize = windowResize;</div><div><div><br></div>--<br>Nathan Gerber<br>
<br><br><div class="gmail_quote">On Mon, Jul 26, 2010 at 5:35 PM, arno <span dir="ltr"><<a href="mailto:arno@renevier.net">arno@renevier.net</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Hi,<br>
I want to have displayed on the whole page except a 2em height footer.<br>
<br>
So, I've tried to set my css to :<br>
<br>
#map {<br>
position: absolute;<br>
top: 0; left: 0; right: 0;<br>
bottom: 2em;<br>
}<br>
<br>
It works fine in every browser I tested except in ie6 and ie7.<br>
For those browsers, I absolutely need to set a width and height css<br>
properties. For example: width: 100% and height: 100%, otherwise the map does<br>
not show at all: it stays a white area. But as height: 100% - 2em does not<br>
exist, I can't have the behaviour I want.<br>
<br>
What's strange is that a "normal" div (not an ol map) is correctly displayed<br>
with { position: absolute; top: 0; left: 0; right: 0; bottom: 2em; } in ie.<br>
<br>
What's strange also is that map images are downloaded from the tile server.<br>
<br>
Here is an example of a map showing correctly except in ie6 and ie7:<br>
<br>
<a href="http://renevier.net/bugs/ol_absolute.html" target="_blank">http://renevier.net/bugs/ol_absolute.html</a><br>
<br>
Do you have any clue of why this problem happens, and/or any workaround ?<br>
<br>
regards<br>
<font color="#888888">arno<br>
</font><br>-----BEGIN PGP SIGNATURE-----<br>
Version: GnuPG v1.4.10 (GNU/Linux)<br>
<br>
iEYEARECAAYFAkxN/6QACgkQ7Z0ZxRdGQ+fenACgiXnNtuYcHs/MTpQOUox9Vj7T<br>
Xa8AnRUfAU+DXVugoiKcaO2eiH0HUW20<br>
=QE60<br>
-----END PGP SIGNATURE-----<br>
<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>
<br></blockquote></div><br></div>