[Resolvido] Alinhamento pela base

[Flávia S. Paula 0]

Boa tarde galera,

 

Estou com um problema que nenhum tópico conseguiu resolver.

Como faço para alinhar meu swf pela base?

Quero que minha página fique posicionada no centro e na parte inferior do navegador.

 

Alguém me ajude Por Favor!!!

 

 

Abçs

[William Bruno 1501]

Já tentou absolute?

ai você seta a propriedade bottom.

 

Mas tenta explicar melhor onde você quer alinhar, e como o site vai ser... esse flash, é apenas uma espécie de rodapé?

[Aprendiz CSS 3]

como o tiu Uill disse, explique melhor o seu problema e se puder, poste um link!

 

abraço

[Flávia S. Paula 0]

Vou tentar explicar melhor.

 

Quero que meu site, que está em flash, fique alinhado na parte inferior e no centro da pagina. Assim como meu BG.

 

Não estou conseguindo fazer isso no HTML.

Quando consigo alinhar o swf o bg fica alinhado na parte superior...

 

Preciso que o swf fique alinhado pela base porque tenho um rodapé nele que deve ficar visível sempre.

 

 

Espero ter conseguido explicar.

[William Bruno 1501]

Então na verdade, você quer um fixed(elementro travado na tela), com o flash?, já que você disse "visivel sempre", acredito que não queira que o flash role com o scroll.

E isso apartir da base do navegador... tente isso:

http://forum.imasters.com.br/index.php?showtopic=252392

Se não for o "fixed" que você procura, veja se isso ajuda:

http://forum.imasters.com.br/index.php?showtopic=291579

 

Esse BG, está onde? pois se você aplicar ele no body, não vejo como ele desalinharia..

poste um link para o seu site, que vendo oque acontece, fica mais fácil entender ^^

[Aprendiz CSS 3]

tem algum link?

[Flávia S. Paula 0]

Então na verdade, você quer um fixed(elementro travado na tela), com o flash?, já que você disse "visivel sempre", acredito que não queira que o flash role com o scroll.

E isso apartir da base do navegador... tente isso:

http://forum.imasters.com.br/index.php?showtopic=252392

Se não for o "fixed" que você procura, veja se isso ajuda:

http://forum.imasters.com.br/index.php?showtopic=291579

 

Esse BG, está onde? pois se você aplicar ele no body, não vejo como ele desalinharia..

poste um link para o seu site, que vendo oque acontece, fica mais fácil entender ^^

 

Obrigada tiu uiLL,

 

Consegui através do tópico de rodapé fixo.

coloquei o seguinte código, e funcionou...

 

VLW

 

<style type="text/css" media="all">
html, body {height:100%;} /**/
body {
	background-image: url(Background.png);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	padding:0;
	text-align:center;
	}
	* html #site {height: 100%;}/**/
#conteudo {padding-bottom:0px;}/**/
	</style>

 

Agora tanto o bg quanto o swf estão alinhados pela base. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[Aprendiz CSS 3]

Boa iniciativa ter resolvido o problema e voltar no tópico para dar a resposta!!

 

continue sempre assim!

 

até mais

[brcontainer 16]

Esse tópico deveria ser em agradecimento ao Maujor, afinal de contas que fez o tutorial de rodapé fixo foi ele ;p

sem querer puxar o saco kkk.

 

falow abraços.

[Flávia S. Paula 0]

Olá de novo,

 

Acho que não sou uma boa usuária do fórum afinal, dei a resposta sem antes fazer todos os testes. Funcionou apenas no meu navegador.... :rolleyes:

Consegui alinhar o swf pela base, mas não consegui alinhar o background..

 

E estou procurando feito louca em todos os tópicos que existem e não consigo resolver isso...

 

Então, será que alguém poderia me dar uma dica?? http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Desculpe pela falta de capacidade mental...rsrsrs

 

Abraços!

 

Ah, sei que ajuda, então vou enviar o link para meu projeto:

Link para o projeto do site.

[Aprendiz CSS 3]

relaxa!

 

qual é o seu navegador, posta o seu código final!!

 

abraço

[Flávia S. Paula 0]

relaxa!

 

qual é o seu navegador, posta o seu código final!!

 

abraço

 

beleza...rsrsrs

o problema é que o bg não está alinhado com o site em nenhum navegador, eu testei e não funcionou...

E no Firefox ele não está nem alinhado pela base...

 

O código que usei foi o que já postei:

 

<style type="text/css" media="all">
html, body {height:100%;} /**/
body {
	background-image: url(Background.png);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	padding:0;
	text-align:center;
	}
	* html #site {height: 100%;}/**/
#conteudo {padding-bottom:0px;}/**/
	</style>

Valeu,

abraços

[Aprendiz CSS 3]

vamos lá

 

um dos problemas que você resolve é fazendo isso:

 

CSS Reset

* { margin:0; padding: 0; }

[William Bruno 1501]

Bom, o teu background realmente não alinha e encaixa com o flash, pois o flash tem é mais largo doque deveria.

Tem umas bordas pretas nele, que não deixam o background(que fica por trás do flash), se encaixar.

 

Qnto ao posicionamento do back, eu indico isso:

http://www.maujor.com/tutorial/backtut.php

[Flávia S. Paula 0]

Aê galera,

 

Consegui resolver grande parte do problema, agora está tudo alinhado.

Mas apenas no IE. No Firefox não funciona.

Tem alguma solução para que o mesmo código funcione para os dois navegadores? Ou tenho que criar outro código??

 

Valeu pela ajuda.

Até mais, http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

O site: Link para o projeto do site

 

Os códigos que usei:

 

<style type="text/css">
<!--
body {
background-image: url("bg.png");
background-repeat: repeat-x;
background-position: bottom center;
background-attachment:scroll
}
-->
</style>

</head>

   <style type="text/css" media="all">
html, body {height:100%;} 
	#site { 
	width:1024px;
	position:relative;  
	margin:0 auto;
	text-align:center;
	
	
	}
* html #site {height: 100%;}
#conteudo {padding-bottom:0px;}

 </style>