Centralizar Swf Em Qualquer Resolução
Started By marcosbin, 31/10/2007, 02:37
12 replies to this topic
#1
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!!!
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
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
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
"Living to learn... learning to live!"
Useful links: Rules | Search
#3
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
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
Yeah I do have some stories, and it's true I want all the glory ...
Yeah I do have some stories, and it's true I want all the glory ...
#5
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
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
Posted 11/11/2007, 23:21
isso pode ser feito no AS mesmo...
espero ter ajudado...
vlw
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
CASSIANODESIGNER.COM - Desenvolvimento Web
#9
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
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
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
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
#12
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
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
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
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)