Question: I have a website in which a container div is set up so that it will fit the browser window.
This is done by the css style "zoom" attribute.

Inside this container div I have the div for the map of openlayers.
Now the problem is that this zoom of the container div ruins the size of the openlayers map.
Its not done with map.updatesize() because the actual size of the divs doesn't change with different window sizes. So the div of the map has the correct size.
But the map that is displayed seems to be bigger than the div it is displayed in. 
In the end the map looks blurry and zooming in and out in the map is not done to the mouse location but a little bit to the side. 

So, any ideas how I can fix this?
Fyi I tried with ol3 and ol5. No difference.

Thanks in advance.

Answer: 
Ok i got it.

First I added the reversed zoom factor as zoom for the canvas div.

Then after loading the map I change the size of the map with the zoom factor back so its position and all will fit in the old place.

```
        var OldWidth = parseInt(MapElement.style.width);
        MapElement.style.width = ZoomFactor*OldWidth+"px";

        var OldHeight = parseInt(MapElement.style.height);
        MapElement.style.height = ZoomFactor*OldHeight+"px";

        var OldLeft = parseInt(MapElement.style.left);
        MapElement.style.left = ZoomFactor*OldLeft+"px";

        var OldTop = parseInt(MapElement.style.top);
        MapElement.style.top = ZoomFactor*OldTop+"px";`

```

Done. :-)
You have to fix this through css position and width/height, not zoom. Try this:

```
html, body, #divContainer, #map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

```