Jump to content


Photo

Centralizar Swf Em Qualquer Resolução


  • Faça o login para participar
12 replies to this topic

#1 marcosbin

marcosbin

    Turista

  • Usuários
  • 36 posts
  • Sexo:Não informado

Posted 31/10/2007, 02:37

Olá

Já li vários posts sobre resolução e CSS, mas não encontro o que realmente preciso. Ou melhor, até já encontrei, mas não se ajustou à minha necessidade. Tenho um site todo feito em Flash e quero que ele fique centralizado na página independentemente da resolução. Os arquivos SWF têm 779 px largura x 580 px altura. Ou seja, em 800 x 600 não há barra de rolagem horizontal e em 1024 x 768 não há barra vertical. O problema está nas resoluções superiores. Nelas, o site fica alinhado por cima, deixando, na parte de baixo, um imenso e horrível vazio.

Para tentar corrigir o problema, criei uma classe em CSS chamada ".posicao", com os seguintes parâmetros:
.posicao {position: absolute; left: 50%; top: 50%; margin-left: -389px; margin-top: -290px;}

Dessa forma, funciona perfeitamente com resoluções iguais ou superiores a 1024 x 768. Porém, em 800 x 600, a parte de cima do site não aparece, fica cortada. Ou seja, perco boa parte do conteúdo. Só pode ser por causa dos 290px (metade da altura) definidos no CSS.

Alguém, PELOAMORDEDEUS, sabe como resolver isso? Como faço para deixar esse arquivo SWF no centro da página, em QUALQUER resolução, incluindo 800 x 600? Obrigado!!!

#2 § Kenshin §

§ Kenshin §

    I'm coming back...!

  • Usuários
  • 574 posts
  • Sexo:Masculino
  • Localidade:BA
  • Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
    Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
    Trabalho com os programas Dreamweaver, Illustrator e Flash.

Posted 31/10/2007, 10:34

tenta usar uma funcao em javascript pra calcular automaticamente as margens, de acordo com o usuario.
algo tipo:
margemv = resolucao - altura do site / 2;
margemh = resolucao - largura do site / 2;

resolucao da tela:
detectar a rsolucao da tela.

use a busca para maiores informacoes -_-

Edição feita por: § Kenshin §, 31/10/2007, 10:49.

Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search

#3 marcosbin

marcosbin

    Turista

  • Usuários
  • 36 posts
  • Sexo:Não informado

Posted 31/10/2007, 13:07

OK... Meu medo é cair no mesmo problema com 800 x 600. Tem certeza de que isso não acontecerá? Já viu algum site que consegue se ajustar desta forma? Valeu

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 31/10/2007, 14:20

Pode tentar colocar uma div com 100% de altura e line-height 100% também. Para o height ficar 100% os elementos pai da div também devem ter height de 100%, ou seja, o body.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 marcosbin

marcosbin

    Turista

  • Usuários
  • 36 posts
  • Sexo:Não informado

Posted 31/10/2007, 16:02

Oi galeria. Valeu pelas dicas. Mas consegui fazer de um modo mais fácil, só com as configurações de "table". Vi o código-fonte do site de um amigo, que fica centralizado em qq resolução. Copiei, adaptei e funcionou. Nem eu mesmo sei o que o meu código tinha de tão diferente em relação a este - talvez o "scope='col'" no "td" da tabela 100% - mas o importante é que está funcionando. Abs

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 31/10/2007, 19:18

Com tabelas fica mais fácil centralizar na vertical e horizontal. Nada que um valign e um aling não resolva. Com css você pode fazer o mesmo, mas utilizando divs no HTML. Basta você definir a div principal com display table e uma div filha com display table-cell e usar o vertical-align.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 cassiano designer

cassiano designer

    Normal

  • Usuários
  • 108 posts
  • Sexo:Masculino
  • Localidade:São Mateus - ES

Posted 11/11/2007, 23:21

isso pode ser feito no AS mesmo...

function CentralizarSite() { 
	_root.conteudo._y = Stage.height/2; 
	_root.conteudo._x = Stage.width/2; 
} 

Stage.scaleMode = "noScale"; 

StageAlign = new Object(); 
StageAlign.onResize = function() { 
	CentralizarSite(); 
}; 
Stage.addListener(StageAlign);

espero ter ajudado...
vlw
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/09/2017, 03:46

On Line Acticin Scabies Osu Cialis Costo cialis Generique Levitra 20

#9 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 09/10/2017, 06:50

Zithromax Use In Pregnancy Viagra Temoignages Cialis Zuzahlung viagra online prescription Revue Priligy Kamagra Vs Cialis
Kamagra Legal Sale Levaquin 250mg Medicine Pharmacy Aberdeen online pharmacy Secure isotretinoin best buy fedex Cipro Discount Card Discount On Plavix
What Cephalexin Looks Like Cialis Es Bueno Amoxicillin And Vitamin Interactions viagra online prescription Zithromax Patent Cialis Purchase Viagra Pfizer 100mg
Cipla Suhagra 100 viagra online pharmacy Lowest Cialis Prices Cheap Generic Cialis Online Metronidazole Czech Republic

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 09/10/2017, 20:53

Levitra Preis Apotheke sale isotretinoin roacutan website cheapeast Dapoxetine Hydrochloride viagra Urethritis Zithromax Name Brand Cialis Online Cipla Acheter Cialis A Andorre
Nimesulide order levitra at walmart Buy Cialus Cheap Certified Canadian Pharmacy Viagra
Cephalexin Image Cialis Ficha Tecnica Buy Finasteride North Ayrshire viagra Valcatil Plus Propecia Side Affects Of Cephalexin In Dogs
Cheap Unisom online pharmacy Comprar Levitra Original

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 24/10/2017, 19:45

Amoxil Tablette viagra Viagra Frei Kaufen
Prezzo Cialis Levitra Cheap Propecia Online Cialis Senza Ricetta Medica In Farmacia viagra Propecia 0.5 Mg 1mg Triam Hctz 75 50 Mg

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/11/2017, 09:11

Kamagra Oral Jelly Primena Achat Viagra Nord Best Site To Buy Viagra Online how cau you order levitra on line Cialis For Sale Australia Viagra Casero
Expired Liquid Amoxicillin Effexor Buy Online Kamagra Oral Jelly Pattaya buy cialis Cialis Y Fertilidad Acticin Scabies Cod Accepted Internet Overnight Shipping
Cialis Generique Efficace Forum Viagra 100 Mg viagra cialis Zithromax Twitching Cialis 20mg Price Cialis Precio Oficial En Farmacia
Levitra Modo Empleo cheap 80 mg vardenafil hcl Lioresal Posologie Priligy Deutschland Kaufen Discount Generic Levitra

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/12/2017, 16:30

Canada Prednisolone For Dogs Discount Generic Amoxicilina Website Direct Macclesfield mail order levitra 90 day supply Viagra Express Shipping In New Jersey What Is Amoxicillin Bp Levitra Mit Viagra Kombinieren
Avodart Online Pharmacy viagra Pregnancy Category And Amoxicillin
Acheter Levitra En Ligne Acheter Viagra En Espagne canadian generic levitra Lexapro Uk Online
Amoxicillin And Pink Eye Amoxil Dosing Guidelines viagra online Cialis Tratamiento Prolongado




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq