iframe zoom einstellen
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
all
bearbeiten
code
ersetzen
faktor
festhalten
http
linke obere ecke
login
machen
mann
passen
problem
rahmen
regel
url
verdoppelung
verkleinern
versuchen
wiederfinden
-
An Mod: Fals ich im falschen Thema bin bitte Moven. Binn mir nicht ganz sicher
Hi Leute,
Ich schon wieder
hab das Problem das ein Iframe eine scrollleiste unten hat aber es ohne diese scrollleiste sein soll das die website in voller breite zu sehen ist. falls jemand den iframe sehen will HIER klicken und du kannst es sehen. falls mann dafür was im css einstellen muss bitte schreiben weil ich hab jetzt seit ner stunde die lösung gesucht nur der Iframe verkleinert sich auch selbst bei allen
.
Beitrag zuletzt geändert: 9.1.2016 16:34:24 von huaweiy300 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
versuch es mal so:
<iframe src="https://kunden.lan4play.de/members.php?op=membersGserver" width="100%" height="500" name="iFrame" scrolling="no">
Das
sollte das Scrollen ausblenden.scrolling="no"
LG Marco
-
Das problem ist das die zeite dann nicht komplett angezeigt wird(in der breite) und auch nicht komplett (in der höhe)
in der höhe scrollen ist kein problem aber in der breite -
Naja, Dein Iframe ist halt mit 1000px zu breit für die Contentbox, heisst abschneiden mit scrolling“no“ oder eben die Scrollbalken. Entweder probierst Du den Inhalt des Iframes etwas zu verkleinern oder Du verwendest include dafür.
-
Wie kann man den nen iframe inhalt verkleinern
-
Na irgendwo wird ja auch für Dein Iframe das Design bestimmt. Wenn Du das von einer anderen Seite einbindest auf die Du keinen Zugriff hast ist natürlich schon doof.
Du kannst auch noch mit der Breite von Content und Container spielen, so kannst es Dir anpassen.
http://prntscr.com/9nz8pp
Dann hast das Iframe auch ganz drin, Header muss dann halt auch noch angepasst werden. -
kann mann nicht nur den content des iframes rauszoomen?
Weil design ändern wäre doof :D -
Was man versuchen könnte wäre die CSS Klasse oder ID herauszufinden.
Dann im eigenen CSS die Regel festhalten mit einem
!important dahinter.
So dürfte dann das CSS aus dem iFrame dieses eigentlich nicht überschreiben können. -
all-in1 schrieb:
Was man versuchen könnte wäre die CSS Klasse oder ID herauszufinden.
Dann im eigenen CSS die Regel festhalten mit einem
!important dahinter.
So dürfte dann das CSS aus dem iFrame dieses eigentlich nicht überschreiben können.
Wie macht mann das und was müsste ich dann machen?
kenn mich nicht mit css aus -
Das wäre auch noch eine Idee.
Musst halt den Klassen/Idnamen herausfinden und dann in Deiner CSS diese so angeben wie Du es willst, nur mit !important
#idname{ width: 500px !important; }
Beitrag zuletzt geändert: 9.1.2016 17:36:06 von aff3m1tw4ff3 -
huaweiy300 schrieb:
all-in1 schrieb:
Was man versuchen könnte wäre die CSS Klasse oder ID herauszufinden.
Dann im eigenen CSS die Regel festhalten mit einem
!important dahinter.
So dürfte dann das CSS aus dem iFrame dieses eigentlich nicht überschreiben können.
Wie macht mann das und was müsste ich dann machen?
kenn mich nicht mit css aus -
Ich hatte dieses Problem noch nie, aber war mir sicher, da muss es doch eine einfache Lösung geben.
Aus Interesse habe ich mich etwas erkundigt und das kam dabei heraus:
<div style="width: 600px; background-color: red; height: 250px;"> <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.5); width: 1200px; height: 500px;" src="https://kunden.lan4play.de/members.php?op=membersGserver" name="iFrame" scrolling="no"></iframe> </div>
Damit ersetzt du die Zeile mit deinem iframe.
Als Alternative, wenn du dir zutraust, CSS zu bearbeiten (du musst es schließlich später auch noch wiederfinden/ändern), kannst du es auch so machen:
Ersetzen des iframes:
<div id="Rahmen"> <iframe id="iFrame" src="https://kunden.lan4play.de/members.php?op=membersGserver" name="iFrame" scrolling="no"></iframe></div>
Einfügen in die CSS
#Rahmen{ width: 600px; height: 250px; background-color: red;/*Nur als Hilfe*/ } #iFrame{ transform-origin: 0px 0px 0px;/*Platziert es in die linke obere Ecke*/ transform: scale(0.5);/*Zoom-Faktor*/ width: 1200px;/*Größe vor dem Zoom => Bei Verdoppelung des Zooms, diese Werte halbieren*/ height: 500px; }
So müsste es doch passen, oder? -
test42test schrieb:
Ich hatte dieses Problem noch nie, aber war mir sicher, da muss es doch eine einfache Lösung geben.
Aus Interesse habe ich mich etwas erkundigt und das kam dabei heraus:
<div style="width: 600px; background-color: red; height: 250px;"> <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.5); width: 1200px; height: 500px;" src="https://kunden.lan4play.de/members.php?op=membersGserver" name="iFrame" scrolling="no"></iframe> </div>
Damit ersetzt du die Zeile mit deinem iframe.
Als Alternative, wenn du dir zutraust, CSS zu bearbeiten (du musst es schließlich später auch noch wiederfinden/ändern), kannst du es auch so machen:
Ersetzen des iframes:
<div id="Rahmen"> <iframe id="iFrame" src="https://kunden.lan4play.de/members.php?op=membersGserver" name="iFrame" scrolling="no"></iframe></div>
Einfügen in die CSS
#Rahmen{ width: 600px; height: 250px; background-color: red;/*Nur als Hilfe*/ } #iFrame{ transform-origin: 0px 0px 0px;/*Platziert es in die linke obere Ecke*/ transform: scale(0.5);/*Zoom-Faktor*/ width: 1200px;/*Größe vor dem Zoom => Bei Verdoppelung des Zooms, diese Werte halbieren*/ height: 500px; }
So müsste es doch passen, oder?
jo das hats gebracht Genau dass was ich gesucht habe. Danke an dich und willst du nen keks
(hab die css variante genommen)
Hier das Ergebniss -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
