[Resolvido] Alinhamento vertical "center"

[Rafael Leoni 0]

Boa noite rapaziada,

 

Bom... consegui alinhar meu layout no centro do browser ( alinhamento no width com margin:0 auto; ).

Porém não consigo alinhar no centro vertical, ou seja, no centro do height.

 

Vejam: http://ative.ativesolucoes.com.br/teste4.php

 

Segue uma imagem, pra melhor entendimento, do que desejo:

 

 

Se alguém puder me ajudar, agradeço.

 

 

Obrigado!

Abs,

Rafael Leoni

[Thiago Retondar 18]

Rafael,

 

pelo que eu vi, o texto já está alinhado na vertical. Não seria na horizontal? http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

No caso você queria que ficasse assim?

 

[Sandro Yada 0]

Acho que tenho que você precisa. Mas você precisaria setar o tamanho do height do div. Senão não teria o por que de ficar centralizado.

 

Código HTML:

<div id="divHtml"> 
	<div id="action"> 
		aaa
	</div> 
	<div id="menu"> 
		sss
	</div> 
	<div id="sub"> 
		ddd
	</div> 
</div>

Estilo

#divHtml
{
	width:778px;
	height:400px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-389px;
	margin-top:-200px;
}

NOTA: Veja que os margins left e top são exatamente metade do width e height, respectivamente.

Espero que te ajude.

 

Abs

Yada

[Rafael Leoni 0]

Fala Tiago,

 

cara, não estou muito preocupado com o texto.

A minha preocupação agora é com o alinhamento vertical (o alinhamento horizontal eu já fiz).

Eu quero que o layout fique centralizado tanto na horizontal quanto na vertical.

Ou seja, eu quero que ele fique no meio da tela.

 

 

Veja o resultado final que desejo na imagem abaixo:

 

 

Entendeu?! Veja se tem alguma idéia, pf.

 

 

Abs,

Rafael Leoni

[Rafael Leoni 0]

Fala Yada,

 

Pô cara vi a sua resposta... mas realmente não entendi. http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Inseri o que você falou no meu div geral... mas não funcionou. E realmente eu não entendi essas margins left e top....

Foi mal velho... mas não entendi mesmo....

 

Respondi pro Tiago com uma imagem do que desejo... veja se consegue me ajudar, pf.

 

Valeu!

abs,

Rafael Leoni

[Thiago Retondar 18]

Se você quer centralizar na vertical, significa que o mesmo vai ter um tamanho fixo.

 

Adicione então um height: fixo e faça o que foi dito pelo Sandro.

 

Abraços.

[Rafael Leoni 0]

Ok Tiago,

 

valeu pela ajuda. Vou testar e volto a postar se enconrar problemas.

 

Obrigado.

 

abs,

Rafael Leoni

[Mariel 0]

a resposta do Yada dá certinho, mas é um jeito meio burro, ne? você manda afastar 50% e depois manda voltar metade.

nao tem um jeito "liquido" de fazer isso?

 

pq o CSS nao funciona porcentagem?

[Thiago Retondar 18]

  Mariel disse:

a resposta do Yada dá certinho, mas é um jeito meio burro, ne? você manda afastar 50% e depois manda voltar metade.

nao tem um jeito "liquido" de fazer isso?

 

pq o CSS nao funciona porcentagem?

Quem disse que não CSS não aceita valores em porcentagem? :huh: :huh: :huh:

 

Ele aceita sim. Só fazer o teste.