How do I embed iframe into quarto page with full width and height? #10498
-
Description---
pagetitle: "example"
---
::: {.column-screen}
<iframe src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik" style="width:100%; height:100%;">
</iframe>
:::Which comes out with its height squished:
Is there a way to inherit the height from the website being referenced? Or maybe there is a better way to embed an iframe on a quarto page to take up the full width and height of the page? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
A website does not usually have height. Note that this is an HTML/CSS question rather than a Quarto question as Quarto HTML formats still obeys HTML/CSS rules. |
Beta Was this translation helpful? Give feedback.
-
|
Ok! Thank you for answering so quickly. |
Beta Was this translation helpful? Give feedback.
A website does not usually have height.
You need a container with height set.
Note that this is an HTML/CSS question rather than a Quarto question as Quarto HTML formats still obeys HTML/CSS rules.