Fullscreen flash met browser scrollbar [Archief]

Volledige versie bekijken : Fullscreen flash met browser scrollbar

Droid1618

%Europe/Berlin %096 %2007, 03:18

Hallo,
Ik ben al een tijdje op zoek naar een goede oplossing voor dit probleem. Het flash bestand van de website is 800x500 pixels als stage, maar met een groot plaatje op de achtergrond. Deze zet ik in de HTML gecentreerd op 100% x 100% zodat ie netjes in het midden staat met de achtergrond van het flash bestand beeldvullend op de meeste resoluties.

Het probleem ontstaat soms bij gebruikers met een resolutie van 1024x768(of lager) die niet alles van de inhoud op het scherm krijgen te zien. Bij deze gebruikers wil ik graag dat er een scrollbalk komt in de browser, maar ik krijg het niet voor elkaar. Ik heb op het forum denk ik een oplossing (http://www.flashfocus.nl/forum/showthread.php?p=173857#post173857) gevonden die werkt via javascript werkt, maar ik hoop stiekem op een makkelijkere oplossing. Het flashbestand wordt in de HTML geimplementeerd via dat AC_FL_RunContent.js ding.

Dit is de HTML code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<title>Home</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type="text/css">

</style></head>
<body bgcolor="#ffffff">




<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2266789-1";
urchinTracker();
</script>

<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '100%',
'height', '100%',
'src', 'Menu',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'noscale',
'wmode', 'window',
'devicefont', 'false',
'id', 'Menu',
'bgcolor', '#ffffff',
'name', 'Menu',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'Menu',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="Menu" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Menu.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="Menu.swf" quality="high" bgcolor="#ffffff" width="100%" height="100%" name="Menu" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</body>
</html>

Hopelijk kan iemand me verder helpen! :)
Thanks

Lorrens

%Europe/Berlin %455 %2007, 11:56

min-width en min-height in CSS kan een oplossing zijn?
zie www.w3schools.com :)

(werkt alleen in nieuwere browsers.. Firefox, IE7, Opera, Safari..)

Droid1618

%Europe/Berlin %694 %2007, 17:40

Hoi Lorrens, bedankt voor de reactie. De link doet het niet bij mij (maar heb wel een beetje last van internetproblemen vandaag) en wat bedoel je dan precies met min-width en min-height? Hoe zou dat in zijn werk gaan?

gtox

%Europe/Berlin %837 %2007, 21:05

Hallo, kopier deze code in een nieuw html document in dreamweaver bijvoorbeeld, voeg daarna flash toen in het midden tussen de div tags, en je bent klaar ;). Ik heb hem al aangepast aan je flashbestand van "800(breed)x500(hoog)"?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Horizontaal en Verticaal gecentreerd</title>

<style type="text/css">
body {
background-image: url(gfx/menu/achtergrond-orangje.gif);
background-color: #000000;
}

div#container {
background-color: #fff;
width: 800px;
height: 500px;
margin:-250px 0 0 -400px;
position:absolute;
top:50%;
left:50%;
}
</style>

</head>
<body>
<body bgcolor="#ffffff" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<div id="container">

</div>

</body>
</html>

Droid1618

%Europe/Berlin %041 %2007, 02:00

Hee gtox,
heeeeeel erg bedankt. Het werkt!

Groetjes

Lorrens

%Europe/Berlin %386 %2007, 10:16

Ohh dit bedoelde je.. hier is ook een artikel over te vinden in onze FlashFocus wiki, waar precies uitgelegd staat wat waar voor staat:
http://www.flashfocus.nl/wiki/index.php/Centreer_Flash_met_CSS

gtox

%Europe/Berlin %618 %2007, 15:50

Hee gtox,
heeeeeel erg bedankt. Het werkt!

Groetjes
Mooi, thnx 4 de repus |)