problemi di visualizzazione

gabs

problemi di visualizzazione

Ciao a tutti del forum.
Ho il seguente problema, magari banale ma che non riesco a capire.

Ho una pagina html contenente sviluppata con dreamweaver8 con un un file swf incorporato, quindi una cella unica centrata nella pagina. La visualizzazione è per schermo 1024x768px.
Con lo schermo da 15" del portatile è tutto ok, la visualizzazione è corretta sia con IE6-IE7 e Firefox.
Se aggiungo o tolgo la barra di stato e la barra dei segnalibri la pagina si ridimensiona automaticamente e l'swf è sembre ben centrato nello schermo.

Con lo schermo da 17" del pc fisso invece l'oggetto swf nella pagina viene visualizzato come -schiacciato- orizzontalmente: per spiegarmi meglio lo schermo quadrato del visualizzatore di immagini incorporato si vede rettangolare.
Praticamente l'oggetto swf, malgrado abbia lasciato abbondante margine sx/dx ai lati non si adatta lateralmente.
Ovviamente la risoluzione dello schermo è sempre 1024x768px.

Devo passare a una risoluzione di schermo maggiore per vedere nuovamente tutto correttamente e con le giuste proporzioni.

Domanda: è un problema di scrittura html o di impostazioni dello schermo/ browser utilizzato?

Spero che qualcuno mi aiuti a risolvere questo antipatico problema.
Grazie per l'attenzione.

pikadilly

I margini di sinistra e destra del contenitore devono essere impostati ad "automatico" per centrare tutto nella pagina. Prova e vedi se è il tuo caso.

gabs

@pikadilly said:

I margini di sinistra e destra del contenitore devono essere impostati ad "automatico" per centrare tutto nella pagina. Prova e vedi se è il tuo caso.

grazie pikadilly!
stasera controllo la sintassi html della pagina e vedrò il da farsi.
mi sa che hai ragione tu!
poi ti faccio sapere il risultato.

pikadilly

Bravo, così se qualcun altro ha il tuo stesso problema può trovare subito una risposta....Sempre ammesso che sia quello il problema
Vediamo i tuoi risultati.

gabs

@pikadilly said:

Bravo, così se qualcun altro ha il tuo stesso problema può trovare subito una risposta....Sempre ammesso che sia quello il problema
Vediamo i tuoi risultati.

Niente da fare, permane il problema malgrado abbia pasticciato l'html della pagina.

Lo schermo da 17" (27x34cm circa) alla risoluzione di 1024x768 schiaccia lateralmente lo swf con conseguente deformazione di tutto quanto è ivi contenuto; se passo ad una risoluzione maggiore il problema scompare.

Lo schermo da 15" (22,5x30,5cm circa) alla risoluzione di 1024x768 mostra tutto perfettamente.

La pagina html contiene una cella centrata nello schermo con swf di 900x55opx; quindi c'e margine a disposizione.

Allego il codice così magari qualcuno mi aiuta a risolvere questo fastidioso problema:

<!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>
<style>
html, body, #tabella {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
{
margin: 0 auto;
text-align: left;
vertical-align: middle;
width: 550px;
}</style>

<!--
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
// Gestisce tutti i messaggi FSCommand in un filmato Flash
function ini_DoFSCommand(command, args) {
var iniObj = isInternetExplorer ? document.all.ini : document.ini;
//

}
// Hook per Internet Explorer
if (navigator.appName && navigator.appName.indexOf("Microsoft") != -1 && navigator.userAgent.indexOf("Windows") != -1 && navigator.userAgent.indexOf("Windows 3.1") == -1) {
document.write('<script language="VBScript">\n');
document.write('On Error Resume Next\n');
document.write('Sub ini_FSCommand(ByVal command, ByVal args)\n');
document.write(' Call ini_DoFSCommand(command, args)\n');
document.write('End Sub\n');
document.write('</script>\n');
}
//-->

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','900','height','550','align','middle','src','ini','quality','high','bgcolor','#9400d7','swliveconnect','true','id','ini','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','ini' ); //end AC code
</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="900" height="550" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="ini.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#9400d7" />
<embed src="ini.swf" quality="high" bgcolor="#9400d7" width="900" height="550" swliveconnect="true" id="ini" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div></td>
</tr>
</table>
</body>
</html>

Grazie per l'attenzione.

pikadilly

Allora, prova così:
togli "#tabella" da "html, body, #tabella" nello stile.
Hai dischiarato un altro div id tabella e lo hai settato a larghezza 550 px ma il filmato è largo 900px, forse lo hai confuso con l'altezza che è di 550px. Togli il valore della larghezza al div della tabella. Lascia vuoto, vedi che succede. Altrimenti settalo a 900px

gabs

@pikadilly said:

Allora, prova così:
togli "#tabella" da "html, body, #tabella" nello stile.
Hai dischiarato un altro div id tabella e lo hai settato a larghezza 550 px ma il filmato è largo 900px, forse lo hai confuso con l'altezza che è di 550px. Togli il valore della larghezza al div della tabella. Lascia vuoto, vedi che succede. Altrimenti settalo a 900px

Pikadilly, ho fatto come hai indicato...niente da fare non funziona.
Allora ho fatto un'altra prova, ecco il codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
html, body, {
height:100%;
width: 100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
{
margin: 0 auto;
text-align: left;
vertical-align: middle;
height:100%;
width: 100%;
}</style>

<body>
<table width="100%" height="100%" border="0" align="center" cellspacing="1">
<tr>
<td><div align="center">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','530','src','ini4','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','bgcolor','#9400d7','movie','ini4' ); //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=7,0,19,0" width="900" height="530">
<param name="movie" value="ini4.swf">
<param name="quality" value="high"><param name="BGCOLOR" value="#9400d7">
<embed src="ini4.swf" width="900" height="530" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#9400d7"></embed>
</object>
</noscript></div></td>
</tr>
</table>
</body>
</html>

Pari pari si visualizza nello stesso modo e con lo stesso problema; l' swf nel 17 pollici con la medesima risoluzione di 1024x768px appare sciacciato lateralmente, nel 15 pollici tutto è perfetto.
All'interno dello swf c'è un visualizzatore di immagini di formato quadrato che si vede rettangolare perchè è come compresso ai lati.
Non riesco a capire come mai.
Inoltre, siccome uso firefox la verifica browser mi dice che l'attributo height del tag table non è supportato in firefox, netscape e safari.
Con IE7 non cambia niente, stesso problema.
Se aumento la risoluzione tutto va a posto.
Grazie per l'attenzione!

pikadilly

Hai provato a svuotare la cache??
A me si vede benissimo,o meglio, il tuo video non si vede perchè non c'è materialmente sul mio pc, ho messo un mio video di pari dimensioni e in uno schemo 17' a 1024x768 si vede più che bene.
Non puoi postare il link del documento che si trova on-line?
Non hai tolto il primo #tabella...:)
Ci sono due body, togline uno (non c'entra nulla con il tuo problema però almeno rendi il codice più interpretabile

massimux

il codice lo vedo un amore ed ho provato con tutti i browser a mia disposizione da IE a FF a safari e non riscontro nulla.... i miei schermi sono stati 17" e 20" le mie risoluzioni 1024768 , 1152864 , 1280720 , 1280768 , 1280*960 per entrambi gli schermi e con tutti i browser..... ciao

gabs

@massimux said:

il codice lo vedo un amore ed ho provato con tutti i browser a mia disposizione da IE a FF a safari e non riscontro nulla.... i miei schermi sono stati 17" e 20" le mie risoluzioni 1024768 , 1152864 , 1280720 , 1280768 , 1280*960 per entrambi gli schermi e con tutti i browser..... ciao

Ho un monitor flat Compaq FP7317 da 17"; anche sul IBM flat da 17" in ufficio lo vedo nella stessa maniera: sono monitor con schermo da 340x275mm.
Ho firefox 2.0.0.6 su entrambi più IE7, tutti aggiornati.
Che dipenda dal tipo di monitor?
Mah, io sinceramente non so che dire.
Ho postato il problema in area Flash, vediamo cosa dicono lì ammesso che mi rispondono.
Grazie per la risposta massimux e grazie anche alla gentilissima pikadilly.
Ciao dal Gabs.