Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
oi pessoal fiz um site em flash só que para acertar ele na pagina estou usando css,
mas o flash não fica estruturado quando abre em outras resoluções de tela no meu aqui é 1024x768 ele fica belezinha. Mas no not por exemplo ele fica um retangulo no centro com um espaço em volta esse espaço que não pode ficar o site já está no ar www.chicourinhos.com.br
e em resolução menores ele fica como se o retangulo ficasse menor centralizado ou seja fica um espaço da cor de fundo dos lados e não é pra ficar assim é pro retangulo ficar grande de fora fora encostar na parede da tela sem espaços do lado.
Eu não estou conseguindo arrumar ele em css.
Se alguem puder me ajudar.
>
Oi myzinha,
Olha, na minha opinião você deveria fixar o tamanho do swf para caber em 1024x768 e fazer o background do site acampanhando o swf. Então somente o bg seria expansível nas resoluções maiores que 1024x768, evitando até distorções das imagens.
;)
ok mas eu só consegui entender quando você disse para fazer o swf do tamanho 1024x768 o resto não entendi pode explicar pois mesmo assim fazendo desse tamanho as resoluções menores ficam com um espaço esse site não tem imagem de fundo a não ser a cor. veja o html
<!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>Chic Decorações</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<style> html, body { height: 100%; margin: 0; padding: 0; } #Fullscreen { width: 100%; height: 100%; position:absolute;}</style>
<body bgcolor="#f1ead7">
<div id="fullscreen">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="index.swf" width="100%" height="100%">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<script type="text/javascript"></script>
</body>
</html>o swf está dentro de uma div chamada fullscreen e essa div está com width: 100%; height: 100% igual ao swf.Nas resoluções maiores que 1024x768 não sei como ele fica, mas nas menores o swf fica menor e ai fica com bordas.
Basicamente seria:
Fixar a largura do swf para 990px e o height proprocionalmente.;
E criar um div para o bg:
<style>
html, body { height: 100%; margin: 0; padding: 0; }
#Fullscreen {
width: 990px;
position:relative;
z-index:2;
margin:0 auto;
}
#bgGeral{
background-color:#967e77;
position:absolute;
left:0
top:95px;
height:513px;
width:100%;
z-index:1;
}
</style>
<div id="Fullscreen"></div>
<div id="bgGeral"></div>Veja se dá certo ai.
>
Basicamente seria:
Fixar a largura do swf para 990px e o height proprocionalmente.;
E criar um div para o bg:
<style>
html, body { height: 100%; margin: 0; padding: 0; }
#Fullscreen {
width: 990px;
position:relative;
z-index:2;
margin:0 auto;
}
#bgGeral{
background-color:#967e77;
position:absolute;
left:0
top:95px;
height:513px;
width:100%;
z-index:1;
}
</style>
<div id="Fullscreen"></div>
<div id="bgGeral"></div>Veja se dá certo ai.
olha no ie deu erro ficou bem pequeno no topo srsrs
Você colocou qual valor pro height do swf? Não tem como colocar numa área de teste?
>
Você colocou qual valor pro height do swf? Não tem como colocar numa área de teste?
no swf eu coloquei 100% tanto no height como no width, e não tem não mas eu upei de novo o site para você ver como esta no ie ele ficou pequeno.rs
>
>
Basicamente seria:
Fixar a largura do swf para 990px e o height proprocionalmente.;
E criar um div para o bg:
<style>
html, body { height: 100%; margin: 0; padding: 0; }
#Fullscreen {
width: 990px;
position:relative;
z-index:2;
margin:0 auto;
}
#bgGeral{
background-color:#967e77;
position:absolute;
left:0
top:95px;
height:513px;
width:100%;
z-index:1;
}
</style>
<div id="Fullscreen"></div>
<div id="bgGeral"></div>Veja se dá certo ai.
olha no ie deu erro ficou bem pequeno no topo srsrs
qd coloquei #Fullscreen {
width: 990px; ele ficou dividido no meio entao eu coloquei width:100% ai no ie ele diminuiu
Não entendi Myzinha.. acho q você não seguiu o q postei. Não devo estar conseguindo te ajudar.
>
Não entendi Myzinha.. acho q você não seguiu o q postei. Não devo estar conseguindo te ajudar.
sim eu até fiz de novo veja se se funcionou no meu aqui esta correto mas preciso ver em resoluções menores,
>
>
Não entendi Myzinha.. acho q você não seguiu o q postei. Não devo estar conseguindo te ajudar.
sim eu até fiz de novo veja se se funcionou no meu aqui esta correto mas preciso ver em resoluções menores,
Infelizmente não funcionou não meu amigo tem outra sugestão? :(
Oi myzinha,
Olha, na minha opinião você deveria fixar o tamanho do swf para caber em 1024x768 e fazer o background do site acampanhando o swf. Então somente o bg seria expansível nas resoluções maiores que 1024x768, evitando até distorções das imagens.
;)