Ir para conteúdo

POWERED BY:

Arquivado

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

DOP

Estrutura HTML/CSS

Por , em Desenvolvimento frontend

Recommended Posts

DOP    0

DOP
Postado

Olá, sou iniciante em css e estou criando uma estrutura de um site com base no que assisti de video aulas.

Fiz a estrutura só que estou com um problema na minha DIV menu, quando adiciono muito artigo na minha DIV conteúdo o menu nao cresce automaticamente como deveria crescer.

 

HTML

<html>
<head>
<link rel="stylesheet" href="estilo.css" type="text/css">
	<title>
		Estrutura do Site.
	</title>

</head>

<body>
	<div class="centro">
	<div id="cabecalho">Cabeçalho</div>
	<div id="menu">Menu</div>
	<div id="conteudo">Conteudo</div>
	<div id="rodape">Rodapé</div>
	</div>
</body>
</html>

 

CSS

 

<style type="text/css">
*		{		margin: 0; 
     			padding: 0;
  		}

body 	{ 		background: yellow;		
        }

.centro { 		width: 955px;		
          		margin: 0 auto;		
				background: gray;	
        }

#cabecalho {	width: 935px;		
	  			height: 150px;			
	  			padding: 10px;			
	  			background: silver;		
			}	

#rodape {		width: 935px;			
	  			height: 150px;			
	  			padding: 10px;			
	 			background: brown;		
	  			clear: both;				
        }

#menu {			width: 180px;		
           	 	padding: 10px;			
           	 	min-height:200px;
            	overflow: auto;
				background: red;	
            	float: left;      	

      }
#conteudo { 	width: 735px;		
	   			padding: 10px;			
	   			background: green;		
	   			float: left;				
		  }
</style>

 

Quem puder ajudar, Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mateus Avila Isidoro    8

Mateus Avila Isidoro
Postado

 

isso faz com que a área do site conteudo cresça de tamanho.

#conteudo{display:table}

 

caso não rola, tenta botar height:auto

#conteudo{display:table;height:auto}

 

Abração

Mateus

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

isso faz com que a área do site conteudo cresça de tamanho.

#conteudo{display:table}

 

caso não rola, tenta botar height:auto

#conteudo{display:table;height:auto}

 

Abração

Mateus

height:auto é o valor padrão, acho que tu quis dizer height:100%...

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