DIV Pai não acompanha seus filhos

[Brunolerin 0]

Olá gente tenho uma div chamada TOTAL e dentro dela tenho umas a mais pra distribuir melhor o conteúdo, mas vejo que as div filhos estão maiores q a pais masi a pai ñ acompanha seu crescimento rs...

Como sei q ñ acompanha?

pelo seguinte fato q eu coloquei uma imagem para ficar no bottom dessa div total e ela ñ fica , fica no meio da página rs...

Na ordem fica assim

html
 body
  total
   box_maior
    laterala 
    lateral_dir

html{
height:100%;}
body {
	background-color: #142c35;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-attachment:inherit;
	height:100%;
	}
#total{
	
	}
#box_maior{
	background-image:url(../images/box_maior_05.png);
	background-repeat:no-repeat;
	background-position:top;
	min-height:233px;
	height:100%;
	width:880px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin-top:12px;
	
		}
#lateral{
	width:200px;
	min-height:100px;
	background-color:#FFFFFF;
	border-width:thick;
	border-style: solid;
	border-color:#000000;
	float:left;
}		
#lateral_dir{
	width:620px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	min-height:100px;
	background-color:#FFFFFF;
	border-width:thick;
	border-style: solid;
	border-color:#000000;
	float:right;
	margin-left:10px;
	color:#666666;
}	

você podem ver o resultado aqui

[Evandro Oliveira 331]

você colocou informações HTML dentro de arquivos CSS, linkou os mesmos arquivos mais de uma vez, primeiro entenda como seu CMS trabalha, depois efetue modificações

[Brunolerin 0]

Exatamente! Preciso de uma ajudinha pra sacar isso q você falou, rs...

Tem alguma idéia de onde está o erro?

[Evandro Oliveira 331]

volte ao tema padrão e modifique os textos, quando estiver tudo pronto, crie APENAS UMA folha de estilos, contendo somente CSS e linke-a nas modificações de tema do Joomla

[Thiago Retondar 18]

Deseja que eu mova o tópico para a área do seu CMS?

 

Tem alguma base para trabalhar com CSS?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Brunolerin 0]

sim, pode mover, talvez seja melhor para todos rs...

agora qt a base pra trabalhar com css, somente o básico...

desde já muito obrigado pela força de todos

[Desnickadu 0]

os pais não acompanham porque você flutuou os filhos.

 

coloca uma 'div' embaixo das 'laterais' e declara 'clear: both;' no CSS que os pais passam a acompanhar.

 

o que acontece é que quando você usa 'float' a 'div' que esta com 'float' sai da "hierarquia HTML" esvaziando a 'div' pai, por isso ela não acompanha. o 'clear:both;' serve pra limpar o 'float' fazendo com que os pais acompanhem a altura a partir daí.

[Thiago Retondar 18]

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Joomla

 

Você pode também colocar overflow:hidden na div pai, assim fará o mesmo efeito dito acima.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Brunolerin 0]

Gente, obrigadão pela dica...deu certo, mas caso a div for menor o rodapé sobe tbm, tem como ele ficar sempre na base e caso o conteúdo ficar maior ele vá mais pra baixo ainda? abraços