Iframe With 100% Height - IFrame Mit 100 % Höhe
Matthias Wulff
Hello and good day,
I would like to include an iframe with 100% height on a page. How can I set a page to 100% height in SP Pabebuilder? I can only always specify the height in pixels. Here's the page it's about... https://automobilgalerie-marxen.de/index.php/fahrzeugen
Can someone give me a tip?
Have a nice Sunday and greetings from Sauerland ;)
Hallo und guten Tag,
ich möchte auf einer Seite ein Iframe mit 100% höhe einbinden. Wie kann ich in SP Pabebuilder eine Seite auf 100% höhe setzen? Ich kann ja nur immer die Höhe in Pixel angeben. Hier die Seite um die es geht... https://automobilgalerie-marxen.de/index.php/fahrzeuge
Kann mir da jemand einen Tip geben?
Schönen Sonntag noch und Grüße aus dem Sauerland;)
Paul Frankowski
Accepted AnswerHI Matthias
In general, it's a CSS/HTML question. But let's say, I can share tip for Raw HTML addon:
<div class="iframe-container">
<iframe src="/CARS-LINK" frameborder="0"></iframe>
</div>And inside Page Settings > Custom CSS add also those lines:
/* Parent container must have a defined height */
.iframe-container {
height: 100%; /* Full height of viewport or parent */
width: 100%; /* Optional: Full width of parent */
overflow: hidden; /* Prevent scrollbars if necessary */
}
/* The iframe itself */
iframe {
width: 100%; /* Full width */
height: 100%; /* Full height */
border: none; /* Optional: Removes the default border */
display: block; /* Removes inline spacing */
}