2016-03-27 5 views
-1

Please click this image for a detailed description of my issueWie verhindere ich, dass der Leerraum oberhalb und unterhalb meiner Webseite erscheint?

Siehe unten für meine HTML. Ich verwende Google Swiffy, um meine ActionScript 3.0-SWF-Datei in HTML5 zu konvertieren. Dann bette ich das HTML5 mit einem iFrame in meine Website ein. beide auf 0 setzen für Ihre HTML-und Körperelemente

<!doctype html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <title>Swiffy Output</title> 
 
    <script type="text/javascript" src="https://www.gstatic.com/swiffy/v7.4/runtime.js"></script> 
 
    <script> 
 
    swiffyobject = { 
 
     "as3": true, 
 
     "frameRate": 24, 
 
     "frameCount": 109, 
 
     "backgroundColor": -1, 
 
     "frameSize": { 
 
      "ymin": 0, 
 
      "xmin": 0, 
 
      "ymax": 14500, 
 
      "xmax": 20000 
 
     }, 
 
     "fileSize": 233905, 
 
     "v": "7.4.1", 
 
    </script> 
 
    <style> 
 
    html, 
 
    body { 
 
     width: 100%; 
 
     height: 100% 
 
    } 
 
    </style> 
 
</head> 
 

 
<body style="margin-top: 0px; margin-bottom: 0px; overflow: hidden"> 
 
    <div id="swiffycontainer" style="width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px;"> 
 
    </div> 
 
    <script> 
 
    var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), 
 
     swiffyobject, {}); 
 

 
    stage.start(); 
 
    </script> 
 
</body> 
 

 
</html>

  <iframe id="myiFrame" src="http://autogatesystems.businesscatalyst.com/phone/QS_Steel/QS_Steel.htm" 
    style="border:0px;-webkit-overflow-scrolling: touch;overflow: hidden; fub;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" height="604" width="100%"></iframe> 

Antwort

0

ich es gelöst! Ich habe die Höhe meines html Google Swiffy Körper:

height: 60vw 

Und in der HTML-Datei, die meine iFrame Gastgeber habe ich es zu:

height="60%" 

Weiß Räume von sowohl oben und unten weg!

0

Haben Sie versucht, die margin-top und margin-bottom?

+0

Yep, die leider keinen Unterschied machen = ( –

+0

Könnten Sie Ihre HTML und CSS teilen, damit ich überprüfen kann, was los ist? –

+0

ich meinen Code shared =) –

0

die Höhe des div auf 100%

height: 100%; 
+0

Ich habe, es nicht den weißen Raum entfernen über oder unter dem Inhalt, wie es herunterskaliert wird. Es sieht gut aus bei maximaler Breite/Höhe. Es wird nur in die Mitte gedrückt, wenn es verkleinert wird. –

Verwandte Themen