Ir para conteúdo

Arquivado

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

Carlos Vital

centralizar layout na vertical e na horizontal

Por , em Desenvolvimento frontend

Recommended Posts

Luiz Henrique    1

Luiz Henrique
Postado

olá ,

è o seguinte nunca fiz isso, mas ena não eho certeza que funionará na vecal uma vez que su sit tr´qu um amanho fixo de altura enão seu coneúdo ficaá esio,

 

horizontat:

#site { width:600px; margin-left:-300px; left:50%; position:absolute;}
na vertical amesm coisa lemnrando que ao inves de width é height e magin-left e left é margin-top e top tna ae e diz s funiona



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Luiz Henrique
			  

	
		
	
			 1
	
		
	

		

		

			


	
		Luiz Henrique
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			



tmferreira Postado Hoje, 10:53   Graffitero, em que idioma tu escreve? hahahahahahPara alinhar horizontalmente, assim dá:


body {  text-align: center;}


huahauhauah o pc que eu postei anteriormente estava com vírus! mas desta forma que você escreveu o site ficará solto o que eu fiz foi para alinhar a div no cenro vertical, apesar dos sites estarem se adaptando a tamanhos relativos hoje seria melhor a sua forma , mas tudodependo do que ele quer fazerflws

			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Guilherme Rambo
			  

	
		
	
			 4
	
		
	

		

		

			


	
		Guilherme Rambo
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

* {text-align:center;vertical-align:middle;}div {margin:10px auto;}
Talvez Isso ajude http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					






					
				
					
					
					







	

	

		

			
Carlos Vital
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Carlos Vital
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Ae galera,


Valeu pela ajuda.


muito obrigado mesmo.


segui a suas dicas e consegui fazer o que eu queria, mas quando vou validar o css está dando dois erros.


os erros são:




Warnings


URI : file://localhost/webdeveloper__1162991276312.css


 


    * Line : 22 (Level : 1) You have no color with your background-color : #teste


    * Line : 31 (Level : 1) You have no background-color with your color : #teste h1


e o css com o html a seguir:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">


<head>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


<title>Teste ::::</title>


<style type="text/css">


* {


 


    margin : 0;


    padding : 0;


    list-style : none;


    border : none;


    vertical-align : middle;


    text-decoration : none;


 


}


#teste {


 


    margin-left : -100px;


    margin-top : -50px;


    height : 100px;


    width : 200px;


    top : 50%;


    left : 50%;


    position : absolute;


    background-color : #e4ddcd;


    border : 1px solid #b59a80;


 


}


#teste h1 {


 


    margin-left : 2px;


    text-decoration : none;


    font-family : Arial, Helvetica, sans-serif;


    color : #666;


    font-size : 10px;


}


</style>


 


</head>


 


<body>


 


<div id="teste">


<h1>Carlos Henrique</h1>


</div>


</body>


</html>


Então, gostaria de saber se tem algum problema no meu css mesmo ou se é problema no W3C


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Giovani
			  

	
		
	
			 104
	
		
	

		

		

			


	
		Giovani
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Na verdade não são Erros, e sim Warnings.


Tá dizendo que nesses id´s, uma não tem o color definido e o outro não tem o background-color definido,


 


Leia esse link aqui do fórum mesmo!


 


[]´s



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Carlos Vital
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Carlos Vital
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Valeu pela ajuda.


é a primeira vez que eu valido o meu css no W3C, porque tem pouco tempo que mecho com tableless.


e também o meu inglês é horrível.



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					







	

	

		

			
Guilherme Rambo
			  

	
		
	
			 4
	
		
	

		

		

			


	
		Guilherme Rambo
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			
Pois eh, validar css às vezes eh dificil, dependendo do tamanho do "rolo" ^^Ja o xhtml acho bem mais facil, tanto que as vezes eu escrevo um xhtml sem nem me preocupar muito e ele fik valido na hora :)


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
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