Hintergrundfarbe von I-Frames per CSS definieren Geht das?
#1
geschrieben 01. November 2010 - 21:57
und zwar habe ich das Problem, dass ich in einem i-Frame die Hintergrundfarbe gern per CSS definieren möchte.
Konkret geht es hierbei speziell um das i-Frame, was in der Anhangs-Verwaltung des WinFuture-Forums verwendet wird.
Im Normalfall lässt sich der Hintergrund eines Elements ja per background: #FARBWERT bzw. background-color:#FARBWERT definieren.
Nur irgendwie bekomme ich dieses I-Frame aufs Verderben nicht angesteuert.
Da ich in meinen Userstyles mit Hintergrund-Grafiken arbeite, wird diese auch nochmal in das I-Frame gebracht.
Dies möchte ich allerdings gern unterbinden.
Kennt da zufällig wer eine Möglichkeit?
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
Anzeige
#2
geschrieben 01. November 2010 - 22:13
#3
geschrieben 01. November 2010 - 22:14
Zitat (Holger_N: 01.11.2010, 22:13)
Das Problem ist, dass der Inhalt ebenso auf dem WF-Webserver (Forenserver) liegt...
Daher werden auch die Deklarationen aus dem body-Tag übernommen...
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#4
geschrieben 01. November 2010 - 22:20
#5
geschrieben 01. November 2010 - 22:25
Der CSS-Deklaration sollte es ja wurscht sein, wo die Deklaration herkommt...
Dieser Beitrag wurde von Taxidriver05 bearbeitet: 01. November 2010 - 22:29
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#6
geschrieben 01. November 2010 - 22:36
Zitat (Taxidriver05: 01.11.2010, 22:25)
Der CSS-Deklaration sollte es ja wurscht sein, wo die Deklaration herkommt...
Nee, ich will darauf hinaus, dass es nicht geht. Der "Besitzer" der Seite, die du einbinden möchtest, muß dir einräumen, seine CSS, die seine Seite definiert, verändern zu dürfen.
Wenn du zum Beispiel ein fremdes Gästebuch einbindest, kannst du den Style ja auch nur ändern, indem du bei dem Anbieter die Konfiguration machst. Entweder direkt oder eine CSS-Datei hochladen oder einen Link zu einer CSS-Datei angeben. Du kannst aber nicht auf deiner Seite auf den Style des GB einwirken. (Außer über die verlinkung aber dann holt sich ja auch der andere den Style über deine Datei und definiert den Style aber anhand dieser Datei bei sich sozusagen.
#7
geschrieben 01. November 2010 - 22:51
#breadcrumb { background-color: #000000 !important; padding:15px 0 !important; height:24px !important; }
dann überschreibe ich doch die Angaben der ursprünglichen CSS-Datei mit meinen eigenen. Und da isses ja auch egal, wo sich die CSS-Datei befindet.
Der Browser erkennt das Element (#breadcrumb) und überschreibt (lokal) die Attribute (durch das "!important").
Ebenso sollte das doch auch in einem I-Frame klappen...? Zumal dieses sogar noch von demselben Server geladen wird...
Dieser Beitrag wurde von Taxidriver05 bearbeitet: 01. November 2010 - 22:54
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#8
geschrieben 06. November 2010 - 12:46
Mein Firefox (3.6.12) kann iframe eine Hintergrundfarbe zuweisen, die dann als Hintergrund des eingebundenen Dokumentes angezeigt wird, wenn dieses selbst keine Hintergrundfarbe definiert hat. Das funktionierte ebenfalls in Opera 10.63 und Safari 5.0.2. Im Internet Explorer 7 und 8 dagegen nicht (Angabe wird ignoriert). Mit mehr Browsern habe ich es nicht getestet.
Wenn im eingebundenen Dokument aber eine Hintergrundfarbe definiert war, konnte man sie vom einbindenen Dokument aus bei keinem getesteten Browser überschreiben (habe es mit !important bei background-color in der CSS des einbindenen Dokumentes getestet). Gehe auch nicht davon aus, dass das möglich ist.
Vielleicht geht mit DOM und Javascript was? Kenne mich damit gar nicht aus und kann auch gut sein, dass das nicht geht.
EDIT: Geht es hier um die Manipulation von CSS einer Seite mittels eines Browser-Addons? Dann fällt die Javascript-Lösung wohl noch mehr flach. Und wie solche Addons funktionieren und wie genau man sie einstellen kann weiß ich leider auch nicht. Hätte vielleicht vorher aufmerksamer lesen sollen, sorry. Frage mich auch, ob das Holger_N klar war - sofern ich jetzt damit richtig liege, dass es hier um ein Browser-Addon geht.
Vielleicht kann man im Addon einfach einstellen, dass auf der Unterseite xyz (die via iframe eingebundene Seite, die du stylen willst) diese und jene Einstellung verwendet wird?
Dieser Beitrag wurde von G701R bearbeitet: 06. November 2010 - 13:09
#9 _d4rkn3ss4ev3r_
geschrieben 06. November 2010 - 13:30
#10
geschrieben 07. November 2010 - 02:14
Zitat (d4rkn3ss4ev3r: 06.11.2010, 13:30)
Scherzkeks...!
Das Problem hierbei ist, dass für den body-Tag der gesamten Seite ein Hintergrund-Bild definiert ist. (schau mal in den Code. Den solltest Du ja haben)
Ergo kann ich da nicht mit rgba-Farben kommen.
Darüber hinaus besteht das Problem, dass ich es nicht schaffe, gezielt das I-Frame anzusteuern.
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#11 _d4rkn3ss4ev3r_
geschrieben 07. November 2010 - 10:44
#12
geschrieben 07. November 2010 - 20:05
Mit JavaScript wäre es natürlich kein Problem zu lösen, die wohl einfachste Lösung mit: http://api.jquery.com/contents/
#13
geschrieben 07. November 2010 - 20:15
#ips--iframe-obj-attach{background: #ff0000 !important;}
Dieser Beitrag wurde von slurp bearbeitet: 07. November 2010 - 20:15
#14
geschrieben 07. November 2010 - 21:18
Also praktisch so:
Zitat
$datei="http://www.URL-zur-Seite";
$quelltext=implode("\n",file($datei));
echo($quelltext);
?>
Das echo ist jetzt nur zum Anzeigen und kommt natürlich raus. Jedenfalls hat man danach in der Variablen "$quelltext" den ganzen Quelltext der einzubindenden Seite drin, kann unerwünschte Teile rausschmeißen, gewünschte einbauen und das dann anzeigen lassen.
Dieser Beitrag wurde von Holger_N bearbeitet: 07. November 2010 - 21:42
#15
geschrieben 07. November 2010 - 22:15
PHP fällt in diesem Zusammenhang grundsätzlich aus, da ich nicht auf den eigentlichen Webserver zugreife.
@slurp: Guter Versuch...
Doch leider funktioniert das nicht...
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
- ← Kleines Problem beim CSS Dropdownmenü
- Skript/Web-Programmierung
- CSS: <li> automatisch gleich Breit →