Wie positioniert sich mein eingebettete flash-Datei

Bin ich sicherstellen, dass meine Website zeigt richtig an unterschiedliche Bildschirm-Auflösungen. Alles ist in Ordnung außer der Blitz; es befindet sich in der perfekten position, in 1024 Breite Auflösung, aber nicht für größere Bildschirme. Wie bekomme ich es zeigen an der gleichen Stelle?

Dies ist mein css:

#flash {
   margin-top: 30px;
   width: 960px;
   height: 331px;
   margin-bottom: 20px;
   z-index: 0;
}

Dies ist der code, den ich verwendet, um die Datei einbetten:

<p> </p>
<p>
<object id="flash" style="width: 950px; height: 350px;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" align="centre">
<param name="movie" value="/media/flash_final.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="bgcolor" value="#ffffff" /> <embed type="application/x-shockwave-flash" width="950" height="360" src="../media/flash_final.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" name=" Web" bgcolor="#ffffff" quality="high"></embed>
</object>
<!--[if !IE]>-->                               
<object id="flash" style="width: 950px; height: 350px; z-index: 0;" width="950" height="360" name="Web" data="media/flash_final.swf" type="application/x-shockwave-flash" wmode="transparent">
<param name="movie" value="media/flash_final.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="WMODE" value="transparent" />
<param name="allowScriptAccess" value="always" /> <!--<![endif]--> <!--[if !IE]>-->
</object>
<!--<![endif]--></p>
<p> </p>
  • Was ist die perfekte position? Du bist nicht zu geben uns genug Informationen, um Ihnen eine Lösung. Erwägen Sie, etwas zu arbeiten, mit auf jsFiddle. Ich würde auch empfehlen, zu wickeln beide Objekte in ein <div> und Stil, dass anstelle der <object>.
  • Die perfekte position in der css oben gezeigt. Ich habe auch versucht die Verpackung der Inhalt in ein div und verwenden von auto-Werten für den linken und rechten Rändern. Danke für die Antwort.
  • Echo/erweitern auf @Rick Kuipers Frage, Ihr nicht die css zeigen keine horizontalen position. Nur margin-top. Da Sie Referenz "für Bildschirme mit einer Auflösung von 1024 Auflösung", vermutlich, Sie werden wollen, ändern Sie die Links - /rechts-position auf anderen Auflösungen. Aber dein css macht keine Referenz zu diesem. FYI, align="centre ist nicht gültig, sollte align="center"
  • Ich habe versucht, absolute Positionen und margin-Werte, aber wie bekomme ich es Anpassung für Auflösungen breiter als 1024? Ich habe versucht position: absolute; left: 30px; das war in Ordnung, aber wenn ich es getestet in einem größeren Bildschirm, es stecken 30px nach Links der browser, während alles andere zogen Weg. Ähnliche situation mit der Marge. Danke.
  • meinen #flash-div ist eingewickelt in ein div enthält die ganze Seite. Alles andere, wie my search bar scheint in die richtige position - margin-left: 800px; (es ist 800px Links relativ zum wrapper nicht der browser, wie meine flash-div ist zu tun).
InformationsquelleAutor user1272372 | 2012-03-17
  1. 1

    Ich denke, Sie werden wollen, zentrieren Sie flash horizontal, die am besten mit automatischer Ränder:

    #flash {
   margin: 30px auto 20px auto; /* top right bottom left */
   width: 960px;
   height: 331px;
   z-index: 0;
}

    Wie bereits angemerkt in den Kommentaren, sollten Sie wirklich anwenden dieser Regeln auf eine übergeordnete layout-Elemente wie div, anstatt auf das flash-Objekt selbst.

    • Hallo danke. Ich habe schon versucht und versucht es jetzt wieder.
    InformationsquelleAutor shanethehat
Schreibe einen Kommentar