não consigo acertar estrutura do site

myzinha · Maio 11, 2011

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.

Andreh Moura · Maio 11, 2011

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.

;)

myzinha · Maio 12, 2011

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">
<!--
swfobject.registerObject("FlashID");
//-->
</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.

Andreh Moura · Maio 12, 2011

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.

myzinha · Maio 13, 2011

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

Andreh Moura · Maio 13, 2011

Você colocou qual valor pro height do swf? Não tem como colocar numa área de teste?

myzinha · Maio 13, 2011

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

Andreh Moura · Maio 13, 2011

Não entendi Myzinha.. acho q você não seguiu o q postei. Não devo estar conseguindo te ajudar.

myzinha · Maio 13, 2011

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,

myzinha · Maio 16, 2011

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? :(

Arquivado

não consigo acertar estrutura do site

Recommended Posts

myzinha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Andreh Moura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

myzinha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Andreh Moura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

myzinha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Andreh Moura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

myzinha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Andreh Moura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

myzinha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

myzinha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

JAVA - Ajuda em Paginação

Fóruns

Tempo Real

Informação importante