Media Queries mit iFrames

[Castiral]

Hallo Gunther,

das mit dem Zitieren macht Sinn

Trotzdem finde ich hier gerade die Hilfestellung ziemlich fragwürdig.
Das einzige was ich möchte ist ein gottverdammtes Beispiel für Media Queries mit iFrame.
Ich möchte mir NICHT anschauen, wie man css in html einbindet.
Ich möchte NICHT wissen wie, wo, was, warum, wozu, es nicht möglich ist ein Beispiel zu posten (du schaffst es ja wohl auch nicht)...

Dann möchte ich noch freundlichst anmerken, dass es scheißegal ist, was in dem iFrame steht, weil ein iframe ein iframe ist und der Inhalt völlig Banane ist. Das sollte dir doch klar sein.

Damit du es verstehst,
hier ist mein Code, der den Viewport ausgibt (ja, so weit bin ich alleine schon gekommen):

  
<script type="text/javascript">  
  
 var viewportwidth;  
 var viewportheight;  
  
 if (typeof window.innerWidth != 'undefined')  
 {  
      viewportwidth = window.innerWidth,  
      viewportheight = window.innerHeight  
 }  
  
 else if (typeof document.documentElement != 'undefined'  
     && typeof document.documentElement.clientWidth !=  
     'undefined' && document.documentElement.clientWidth != 0)  
 {  
       viewportwidth = document.documentElement.clientWidth,  
       viewportheight = document.documentElement.clientHeight  
 }  
  
  
 else  
 {  
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,  
       viewportheight = document.getElementsByTagName('body')[0].clientHeight  
 }  
document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');  
</script>  

Und dann mein Versuch überhaupt irgendetwas mit html/eingebettetem css auszublenden:

  
<style>  
	#container {  
		background: green;  
		width: 500px;  
		height: 200px;  
  
	}  
	  
	@media screen and (min-width: 1440px ) {  
		#container {background: blue; }  
	}  
</style>  
  
<div id="container"></div>  

Dieser html-Versuch funktioniert in normalen html-Seiten, aber nicht in meinem Intranet (xWiki).
Den Viewport auslesen klappt wunderbar auf der xWiki-Seite.
Javascript würde also auf jeden Fall funktionieren, weshalb ich um ein BEISPIEL bitte, das ich verstehen und abändern kann.
Ich möchte aber nicht wie im Beispiel einen Kasten ab einem bestimmten viewport abändern, sondern ein iframe ab einer bestimmten Fenstergröße erst einblenden lassen.
Das ganze lässt sich schwer erklären, weshalb du wahrscheinlich mit meinen Erklärungen nicht klargekommen bist.
Ich bitte doch einfach nur um ein Beispiel, es kann doch nicht so schwer sein, oder?

Hier meine iframes. index.html (oberes iframe) soll ab einem viewport von 1440px oder höher zu sehen sein:

  
<div id="container" style="position:absolute; top:15%; left:35%;">  
<iframe src="http://index.html"></iframe>  
</div>  
  
<div align="center">  
<iframe src="http://index2.html"></iframe>  
</div>  

Kann mir jemand eine Javascript Lösung geben. Oder ein ähnliches Beispiel???

Danke und sorry für die Fehler etc. :/
Gruß
Cass