Forum Mjukvara Programmering och digitalt skapande Tråd

.swf-filen blir croppad på lågupplösta skärmar

1
Skriv svar
Permalänk
Medlem
●

.swf-filen blir croppad på lågupplösta skärmar

Tjenare!

Har stött på ett problem och söker därför hjälp här

flash-filen har måtten 1000x700 och har funkat fint att se på lite högre upplösta skärmar, men då jag testade att läsa in sidan på en 1366x768-skärm, uppstod problem. Övre och undre ~ 50 pixlarna försvann bara sådär.

Har testat två olika HTML-dokument. Båda centrerar min .swf-fil i både höjdled och sidled, fast med olika kod. Detta problemet uppstår inte när man bara centrerar i sidled, vilket är min nödlösning.

HTML-fil 1:

position:absolute;
           width: 1000px;
           height: 700px;
           top: 50%;
           left: 50%;
           margin-top: -350px;
           margin-left: -500px;

HTML-fil 2:

Denna html-filen fick jag direkt ur Flash, och den gjorde så att hela hemsidan blev ett flash-fönster som täcker hela sidan med följande egenskaper:

Swf-filen är inställd på 100% x 100% och noscale, och är alignad i mitten.

Har ni någon susning vad jag kan göra?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av o3ryy0:

Tjenare!

Har stött på ett problem och söker därför hjälp här

flash-filen har måtten 1000x700 och har funkat fint att se på lite högre upplösta skärmar, men då jag testade att läsa in sidan på en 1366x768-skärm, uppstod problem. Övre och undre ~ 50 pixlarna försvann bara sådär.

Har testat två olika HTML-dokument. Båda centrerar min .swf-fil i både höjdled och sidled, fast med olika kod. Detta problemet uppstår inte när man bara centrerar i sidled, vilket är min nödlösning.

HTML-fil 1:

position:absolute;
           width: 1000px;
           height: 700px;
           top: 50%;
           left: 50%;
           margin-top: -350px;
           margin-left: -500px;

HTML-fil 2:

Denna html-filen fick jag direkt ur Flash, och den gjorde så att hela hemsidan blev ett flash-fönster som täcker hela sidan med följande egenskaper:

Swf-filen är inställd på 100% x 100% och noscale, och är alignad i mitten.

Har ni någon susning vad jag kan göra?

Gå till inlägget

Kan det inte vara standardmarginalerna som ställer till det?
50px låter lite mycket för detta, men ge det ett försök, om du inte redan har gjort det.

body
{
   height: 100%;
   width: 100%;
   margin: 0;
}
Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Leedow:

Kan det inte vara standardmarginalerna som ställer till det?
50px låter lite mycket för detta, men ge det ett försök, om du inte redan har gjort det.

body
{
   height: 100%;
   width: 100%;
   margin: 0;
}
Gå till inlägget

Tack för svaret! Nu är HTML inte min grej precis, uppenbarligen

Skriver hela html-filen så att det blir lättare att felsöka. Värt att notera att Internet Explorer skalar om sidan så att den får plats, vilket jag inte vill.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="/mint/mint.js.php"></script>

<style type="text/css">

body {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	background-color: #e7e7e7;
	
}
p {
	margin: 1em;
}


        #flashcontent
        {
            position:absolute;
            width: 1000px;
            height: 700px;
            top: 50%;
            left: 50%;
            margin-top: -350px; /*set to a negative number 1/2 of your height*/
            margin-left: -500px; /*set to a negative number 1/2 of your width*/
          
        }
    </style>
</head>
<body>
<div id="flashcontent">
    		
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1000" height="700" id="preloader" align="middle">
				<param name="movie" value="preloader.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#e7e7e7" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="allowFullScreen" value="true" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="preloader.swf" width="1000" height="700">
					<param name="movie" value="preloader.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#e7e7e7" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="window" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
					<param name="allowFullScreen" value="true" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash..." alt="Hämta Adobe Flash Player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object> 
</body>
</html>
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av o3ryy0:

Tack för svaret! Nu är HTML inte min grej precis, uppenbarligen

Skriver hela html-filen så att det blir lättare att felsöka. Värt att notera att Internet Explorer skalar om sidan så att den får plats, vilket jag inte vill.

Gå till inlägget

Det är nog mitt fel. Jag missuppfattade problematiken.

Jag chansar bara på lösningar nu.

Testa ändra...
<param name="scale" value="showall" />
...till
<param name="scale" value="noscale" />
...i html-koden.

Har du sidan uppe publikt? URL?

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Leedow:

Det är nog mitt fel. Jag missuppfattade problematiken.

Jag chansar bara på lösningar nu.

Testa ändra...
<param name="scale" value="showall" />
...till
<param name="scale" value="noscale" />
...i html-koden.

Har du sidan uppe publikt? URL?

Gå till inlägget

Tack för att du fortsätter att försöka lösa mitt problem

Nej, den är inte uppe än publikt.

Jag försökte med det med noscale, och det verkar faktiskt inte ha hjälpt något. Däremot när jag tittar i HTML-filen som Flash gav mig, så har den noscale, och inga problem med skalning. Tycker vi gör ett sista försök med den HTML-filen istället. Annars får jag skippa det här med centrering i y-led.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
	<head>
		<title>Untitled</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #e7e7e7;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
	</head>
	<body>
		<div id="flashContent">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="preloader" align="middle">
				<param name="movie" value="preloader.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#e7e7e7" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="gpu" />
				<param name="scale" value="noscale" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="preloader.swf" width="100%" height="100%">
					<param name="movie" value="preloader.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#e7e7e7" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="gpu" />
					<param name="scale" value="noscale" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash..." alt="Hämta Adobe Flash Player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av o3ryy0:

Tack för att du fortsätter att försöka lösa mitt problem

Nej, den är inte uppe än publikt.

Jag försökte med det med noscale, och det verkar faktiskt inte ha hjälpt något. Däremot när jag tittar i HTML-filen som Flash gav mig, så har den noscale, och inga problem med skalning. Tycker vi gör ett sista försök med den HTML-filen istället. Annars får jag skippa det här med centrering i y-led.

Gå till inlägget

Ok, feltolkning av mig igen.

För att klargöra:
Du vill ha ditt 1000x700 pixlar stora flashelement precis i mitten vertikalt och horisontellt?

Y-centrering är inte superlätt att fixa browseroberoende.
Googla på "css vertical center". Om jag får tid ikväll eller imorgon så kanske jag kan sno ihop något.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Leedow:

Ok, feltolkning av mig igen.

För att klargöra:
Du vill ha ditt 1000x700 pixlar stora flashelement precis i mitten vertikalt och horisontellt?

Y-centrering är inte superlätt att fixa browseroberoende.
Googla på "css vertical center". Om jag får tid ikväll eller imorgon så kanske jag kan sno ihop något.

Gå till inlägget

Ja precis, både mina html-filer gör detta, dock inte felfritt..

Tack, ska googla det och se om jag kan klura ut något.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara