Html Objekt (iframe) zentrieren?
Author: Olaf Kneissle
Visited 1374,
Followers 1,
Shared 0
Liebe Community,
ich habe einen iFrame als HTML Objekt eingebunden und ich kann machen was ich will, es ist immer linksbündig ausgerichtet. Ich würde es gerne zentrieren und habe es auch schon mit CSS versucht, bin aber gescheitert. Weiß jemand von Euch die Lösung?
Vielen Dank
Olaf Kneissle
Posted on the
Eine "iframe" Einbindung mit HTML Code wird extern geregelt. Also von der Seite wo das Skript zur Verfügung gestellt wird geht der Style aus. Man kann es nicht auf der eigenen Seite stylen was extern von einer anderen Website zur Verfügung gestellt wird.
Habe einen kleinen Test gemacht, ohne Styleangabe war meine per Iframe eingebundene Webseite mittig platziert, aber ich konnte mit dem Zusatz ...
style = "float: left"
style = "float: right"
... meine per Iframe eingebundene Webseite auch links- und rechtsbündig ausrichten.
Hier ein Iframe-Code, der per CSS das Iframe mittig platziert ...
<iframe style = "float: middle" height="260" width="640" src="https://example.org.de/">
</iframe>
... vorausgesetzt das HTML-Objekt mit dem Iframe-Code nimmt die gesamte Rasterbreite ein.
Nachtrag:
Die Angaben bei width (z.B. 100%) und height anpassen.
... x Olaf Kneissle >> LINK ...?...
Author
Hallo KolAsim, sorry aber ich verstehe nicht??
(It > De) ...Ist einfach...
... wenn du kannst, poste hier den LINK deiner Seite, die den IFRAME enthält...
Hallo, ciao
Author
OK, sorry-
https://www.kneissle.eu/loeber
Es ist der Belegungskalender. Ich habe mir momentan so beholfen dass ich ihn soweit vergrößert habe dass er nach rechts reicht.
Vielen Dank für Deine Hilfe
Gruß
Olaf
Am einfachsten ist es in der Desktop Anzeige wenn du die Ränder des HTML-Objekt alle auf 0px stellst, dann geht sich der Kalender auch aus. Allerdings in kleinen Ansichten rutscht wieder ein Kästchen runter!
Author
Vieln Dank
(It > De) ... Ich habe deinen LINK gesehen ...
... Sie könnten versuchen, das Aussehen des Iframes anzupassen und ihn mit dem Code EXTRA media-query fast zentriert zu platzieren...
... bei Interesse einfach melden...
.
ciao
.
Author
Vielen Dank, aber jetzt passt es. Danke noch mal
...OK ... ciao ...
.