2012-04-03 11 views
2

Guten Nachmittag alle,Html-Code für ein "ganzseitige" Applet (kein Javascript)?

Ich habe ein Java-Applet, das ich auf einer Website einbetten möchte. Ich benötige, dass das Applet full-size ist, d.h. es belegt 100% Breite und 100% Höhe der Webseite.

Es sollte keine Bildlaufleisten geben.

Dies ist der Code ich derzeit haben:

<!doctype html> 
<html> 
    <body style="background:red; width:100%; height:100%; padding:0; margin:0; border:0;"> 
    <applet code="HelloWorld.class" style="padding:0; margin:0; border:0; width:100%; height:100%;"> 
     Your browser does not support the <code>applet</code> tag. 
    </applet> 
    <!-- the applet should cover the entire page, so even though the body is red, it should be covered by the applet --> 
    </body> 
</html> 

Aus irgendeinem Grund, es funktioniert nicht auf FireFox und IE. In Chrome scheint das Applet größer als die Seite selbst und damit eine vertikale Bildlaufleiste angezeigt wird. Wie können wir sicherstellen, dass das Applet die exakte Größe der Webseite ausfüllt und weder horizontale Bildlaufleisten noch vertikale Bildlaufleisten anzeigt?

PS: wenn möglich, eine Lösung, die auf einem Browser funktioniert, der JavaScript deaktiviert hat, wäre cool.

Antwort

4

Ein andere Art und Weise ...

applet { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width:100%; 
    height:100%; 
} 
+0

Sie könnten das auf einer Vielzahl von Browsern testen möchten. Das letzte Mal, als ich es überprüfte, gab es sehr [gemischte Ergebnisse] (http://pscode.org/test/resize/) zum Dimensionieren von Applets mit Prozentwerten. Es ist sicherer, ein Applet mit Hilfe von JS zu implementieren (deploy &), diese Art von Sachen ist, was JS gut ist. –

6

Absolute Position verwenden. Geben Sie keine Höhe oder Breite an.

applet { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
} 
+0

Aber der ganze Punkt ist, dass ich das Applet in voller Breite und in voller Höhe .. – Pacerier

+0

@pacerier sein wollte - das ist, warum Sie angeben, Boden und Recht. Es funktioniert so, wie Sie es wollen. – gilly3

+0

Ich verwende Chrome v18.0.1025.142, aus irgendeinem Grund funktioniert es nicht wie erwartet. – Pacerier

Verwandte Themen