Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cassiano óliver

Alinhamento vertical não funciona no Firefox

Por , em Desenvolvimento frontend

Recommended Posts

cassiano óliver    1

cassiano óliver
Postado

Olá pessoal..

tudo bem?

 

to com um probleminha para alinhar o site verticamente, no IE funciona perfeitamente, mas não no firefox...

 

caso queiram visualizar...

VEJAM AQUI

 

to usando esse codigo...

{background-image: url(/imagens/background.jpg);margin: auto;height: 100%;width: 100%;}
como posso resolver isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Meu caro cassiano óliver, altere seu código dessa forma aki:

 

CSS

<style type="text/css"><!--body {	background-image: url(/imagens/background.jpg);}div#centralizado {	position: absolute;	top: 50%;	left: 50%;	height: 450px;	width: 600px;	margin-top: -225px;	margin-left: -300px;}--></style>
E no seu HTML, altere:

<body>	<div id="centralizado">		<script type="text/javascript">objeto('capa','600','450')</script>	</div></body>
Espero q isso ajude... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

vlw Paulo, era isso msm...ficou perfeito...agora se não for pedir d+ hahahahgostaria q me explicasse o pq desses valores q você utilizou...mt obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Meu caro cassiano óliver, veja este material do Maujor:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Posicionar um objeto ou página no centro da tela

Aki você encontra todos os "porquês"... O exemplo no site do Maujor é feito com uma imagem, mas tenha em mente que qualquer elemento que tenha suas medidas especificadas (width e height) pode ser centralizado dessa forma... Basta alterar os valores de acordo com as medidas do seu elemento, onde, por exemplo, se eu tiver uma div com um tamanho de 364px de width e 233px de height... O código CSS ficaria assim:
div#centralizado {	position: absolute;	top: 50%;	left: 50%;	height: 233px;	width: 364px;	margin-top: -116px; /* 233/2 = 116,5. Escolhi arredondar para menos, mas você escolhe... */	margin-left: -182px; /*364/2 = 182 */}
Entendeu? Qq coisa, é só postar!!!

 

Abraço! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito