Ir para conteúdo

POWERED BY:

Arquivado

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

uiLhian

Propriedade "margin" não pega o valor "bottom"

Por , em Desenvolvimento frontend

Recommended Posts

uiLhian    1

uiLhian
Postado

bom eu coloquei pra "espaça" a margem em 10px nos quatro cantos mas ele só espaço pra cima, direita e esquerda e pra baixo não! pq será ?

 

#CONTEUDO  {    
width: 680px;
height: auto;
margin: 10px;
background: #FFF;
}

 

obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado
o float: left desconfiguro tudo minha pagina.
o padding até "espaço"
mas a questão é o porque o margin espaço os tres cantos e não em baixo ?

 

#CORPO, #TOPO, #TOPO h1 a {
position: relative;
}

#CORPO  {  
margin: 50px auto;  
width: 700px;
height: auto;
background: #FFF;
text-align: left;
}    

#TOPO { 
background: #FFF; 
height: 50px;
border-bottom: solid 1px #F1F1F1;
}

#LOGO {
width: 350px;
height: 50px;
padding: 0;
float: left;
display: inline;
margin: auto 0 0 5px;

}

#LOGO a {
display: block;
height: 100%;
text-indent: -1000px;
overflow: hidden;
background: url(logo.png) no-repeat;
}

#MENU {
font-family: 'Comfortaa';
font-size: 14px;
float: right;
width: 27%;
margin: -9px 0 0 500px;
top: 50%;
position: absolute;
}

#MENU ul { 
list-style: none; 
}

#MENU ul li { 
display: inline; 
}

#MENU ul li a {
    padding: 1px 0;
    float: left;
    color: #333;
    text-decoration: none;
margin-Left: 7px;
}

#MENU ul li a:hover { 
border-bottom: 3px solid #C34; 
}

#CONTEUDO  {    
width: 680px;
height: auto;
margin: 10px;
background: #FFF;
}

esse ae é css que tenho aqui...

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado

esta sim...

 



 


<body>
<div id="CORPO">
<div id="TOPO">
<h1 id="LOGO">LOGO</a></h1>
<nav id="MENU">
<ul>
<li><principal</li>
<li>portifolio</li>
<li>contato></li>
</ul>
</nav>
</div>
<figure><img src="topo.jpg" class="fbb"/></figure>
<div id="CONTEUDO">

<h1>portifólio</h1>

<p><?php echo $portifolio_texto; ?></p>
<?php
$result_p = mysql_query("SELECT COUNT(*) as count FROM tabela_teste where IDPASTA = 0");
$row_p = mysql_fetch_array($result_p);
$quant_resul = 8;
$pagina = 1;
$paginas = ceil($row_p['count'] / $quant_resul);
$result = mysql_query("SELECT *FROM tabela_teste LIMIT 0 , " . $quant_resul);
?>
<?php
while ($row = mysql_fetch_object($result)) {
echo"<div class='thumb'><img src='thumb.php?img=img".$row->IMAGEM."' /></div>";
};
include('pg_indice.php');
?><div class="clear">
</div> 
</div> 
</div> 
</body>


 


a css é essa que não ta espaçando dentro da div #CORPO




 




#CONTEUDO  {  width: 680px; height: auto; margin: 10px; background: #FFF; }


 





			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Marcos Xavier
			  

	
		
	
			 189
	
		
	

		

		

			


	
		Marcos Xavier
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Fácil.


#CORPO  {  
....
padding-bottom:20px;
 ...                                                                                                  }


Procure utilizar letras minúsculas quando for setar um id ou class de um elemento. Exemplo:


<div id="corpo"> ao invés de <div id="CORPO">



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
uiLhian
			  

	
		
	
			 1
	
		
	

		

		

			


	
		uiLhian
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

porque vc fala isso,


há alguma influencia "errada" em cria id maiúscula ?


 


e quanto ao padding-bottom: na id corpo eu ja tinha testado e tal mas...


 


a minha duvida mesmo era o porque o "margin" funciono nos tres lados e em baixo não ja que a mesma ta dentro da id #corpo... só achei estrado ja que era pra seta o valor nos 4 cantos...  ;(   e continuo achando estranho ainda :P


é "conflito" será ?



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Marcos Xavier
			  

	
		
	
			 189
	
		
	

		

		

			


	
		Marcos Xavier
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Quanto usar letras minúsculas, por padrão.


 


Creio que a não "funciona" a margem inferior devido a div corpo não ter um tamanho definido, ou seja, ela é elástica . Testa (na div corpo) ao invés de


height: auto colocar alguma medida (ex: height: 150px;),verá  que o espaçamento inferior ocorrerá.



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
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