✔ Buttons verschwinden wenn Browserfenster scaliert wird

C

ClaudiaGlade

Mitglied
Hallo,

ich hoffe ich bin mit meiner Frage in diesem Forum richtig.
Ich habe eine Homepage in Flash gebastelt, die ich in html einbette. Außerdem habe ich mit css eingebaut das meine Flash-Datei immer mittig im Browser dargestellt wird. Das funktioniert soweit auch alles.
Jetzt ist mir nur aufgefallen, das wenn man das Browserfenster klein scaliert die Buttons auf der linken Seite verschwinden und der scrollbalken (der automatische erscheint) auch nur von der Mitte bis ganz rechts sich scrollen lässt.
Kann man das irgendwie ändern?

Mein Code sieht bisher so aus:
Code: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="AC_RunActiveContent.js" type="text/javascript"></script> 
<style type="text/css">
body { margin: 0; padding: 0; width: 100%; height: 100%; align="center"}
#center
{
	width: 1024px;
	height: 700px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -512;
	margin-top: -350;
}
</style>
</head>
<body bgcolor="#ffffff" height: 700px; weidth: 1024px>
<div id="center">
<script type="text/javascript" > 
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','1024','height','700','align','middle','src','home','quality','high','bgcolor','#ffffff','name','home','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','home' ); 
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="700" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="home.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#666666" />
<param name="wmode" value="transparent" />
<embed src="home.swf" quality="high" wmode="transparent" bgcolor="#666666" width="1024" height="700" name="home" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
</body>
</html>

Die Seite findet ihr unter http://www.stoiber.com

Über Tipps wäre ich sehr dankbar...
 
Hi,
danke für die schnelle Antwort. Ich habe das jetzt so umgesetzt:
Code: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="AC_RunActiveContent.js" type="text/javascript"></script> 

<style type="text/css">

	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#ffffff;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#ffffff;
		margin-bottom:-350px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:1024px;
		width:700px;
		clear:left;
		background-color:#ffffff;
		}
</style>
</head>
<body bgcolor="#ffffff" height: 700px; weidth: 1024px>
<div id="distance"></div>
<div id="container">
<script type="text/javascript" > 
AC_FL_RunContent

('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','1024','he

ight','700','align','middle','src','home','quality','high','bgcolor','#ffffff','name','home','allowscriptaccess','sa

meDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','home' ); 
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" 

height="700" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="home.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#666666" />
<param name="wmode" value="transparent" />
<embed src="home.swf" quality="high" wmode="transparent" bgcolor="#666666" width="1024" height="700" name="home" 

align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" 

pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
</body>
</html>


Im IE funktioniert das auch prima, nur im Opera oder Firefox ist meine Flash-Datei ein Stück nach rechts gerückt und dadurch wird auf der rechten Seite ein Stück der Flah-Datei nicht mehr angezeigt.
Kann ich das auch noch irgendwie ändern?
 
Entferne zunächst mal hier den rotmarkierten Teil:

Code: 
<body bgcolor="#ffffff" height: 700px; weidth: 1024px>


Dann erweiter im nächsten Schritt dem Demo entsprechend das Markup um ein weiteres DIV:

Code: 
<div id="container">
                <div>
                <!-- Hier folgt der Inhalt -->
                </div>
</div>
und nimm für dieses DIV folgende Regel im Stylesheet auf:

CSS: 
        #container div {
                float:right;
                width:1024px;
                }


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück