Waarom werkt dit alleen bij Firefox?
02-08-2018, 12:40 AM
(Dit bericht is het laatst bewerkt op 02-08-2018, 08:53 AM door Gerard van Nes.)
In onderstaande webpagina kan alleen bij de FireFox browser het gehele iframe scherm via de puntjes in de rechteronderhoek geresized worden.
Is er een CSS-kenner die mij kan helpen en weet wat er aangepast moet worden in onderstaande code zodat het ook bij andere browsers (in ieder geval Google Chrome) ook werkt?
Met jquery lukt het wel, doch ik wil het eenvoudig houden.
Het is voor een toepassing in de nieuwe ZCBS-versie. Iemand van het testpanel liep er tegen aan...
geeft:
Is er een CSS-kenner die mij kan helpen en weet wat er aangepast moet worden in onderstaande code zodat het ook bij andere browsers (in ieder geval Google Chrome) ook werkt?
Met jquery lukt het wel, doch ik wil het eenvoudig houden.
Het is voor een toepassing in de nieuwe ZCBS-versie. Iemand van het testpanel liep er tegen aan...
Code:
<html>
<head>
<style type="text/css">
#example {
height: 380px;
width: 380px;
overflow-x: auto;
overflow-y: hidden;
resize: both;
position: relative;
z-index: 1;
}
iframe {
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
Onderstaande iframe alleen resizable in Firefox?
<div id="example">
<iframe src="https://www.zcbs.nl/maps-google.html"></iframe>
</div>
</body>
</html>