[Resolvido] Div "mae" ajustavel de acordo com

[sacofrito 0]

Boa tarde galera.

Nao sei se é a maneira correta.

Estou criando um div e dentro dele existe um div para dimensionar o tamanho do conteudo + menu lateral + menu superior.

Entao queria deixar o div "mae" com altura ajustavel de acordo com o conteudo dos sub divs.

Como faço isso: Deixei com overflow = auto mas nao funcionou.

 

Ja consegui

[NetBoy16 72]

Ué, pra div ficar ajustavel basta você nao setar um width/height ^_^

[Marrabel 20]

Ou pode definir na div mae height:auto

 

Daí a soma da alturas das div-filha formarão a altura da div-mae

[NetBoy16 72]

Mas por padrao o valor é auto :pinch:

[Diéssica 140]

Mas por padrao o valor é auto :pinch:

 

Realmente.

 

Seria height:100%.

[sacofrito 0]

Certo galera. Obrigado consegui.

Estou com algumas duvidas do conceito.

So estou enrolado para deixar meu footer alinhado com tudo acima.

 

Esta assim a estrutura

<div mae>
 <div para deixar a pagina no centro>
   <div menu superior e lateral esquerdo>

   </div menus>
   <div conteudo central>

   </div>
 </div pagina centralizada>
 <div footer>

 </div footer>
</div mae>

 

Fiz algo errado?

Queria deixar o div footer do msm tamanho do div da pagina centralizada

e alinhado com ele.

 

O css esta assim

 

Div pagina centralizada

	.paginainteira{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFEBCD;
	width: 80%;
	height: 100%;
       opacity: .9;
	overflow: auto;
}

 

Div footer

	.footer{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 80%;
	background-color: #F8F8FF;
       opacity: .9;
       filter: alpha(opacity=50);
}

 

Mas ele fica encostado no canto esquerdo

[NetBoy16 72]

.paginainteira{
               [s]margin-left: auto;
               margin-right: auto;[/s]
               background-color: #FFEBCD;
               width: 80%;
               height: 100%;
       opacity: .9;
               overflow: auto;
       }

 

Basta apenas deixar dentro da div que ta centralizando tudo(div mae?), desde que a div mae ja esteja centralizada.

[sacofrito 0]

Funciona apenas se eu centralizar o div em questao. Se eu tiro essas duas linhas que voce sugeriu fica tudo encostado na parte esquerda da tela.

[NetBoy16 72]

entao pq você n centraliza a div em questao ?

[sacofrito 0]

Ja tentei.. o problema agora é apenas centralizar a div do footer. Até consegui, mas ela nao fica do mesmo tamanho da div do conteudo + menu centralizada.

[NetBoy16 72]

passa o link do site pra eu dar uma analisada

[Marrabel 20]

na classe footer adicione left:0 e right:0 e depois ajuste o width a seu gosto