iframe with 100% height - IFrame mit 100 % höhe - Forum | JoomShaper
Solved SP Page Builder

iframe with 100% height - IFrame mit 100 % höhe

Asked by Matthias Wulff 1 year ago Last activity 1 year ago

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;)

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

HI 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 */
}

1 more reply

Matthias Wulff Asked this

Great, thank you very much. I'll test it

Matthias Wulff ;)

Log in to reply.