Div principal não acompanha a altura dos internos

[billjr07 0]

Olá pessoal,Estou quebrando a cabeça no seguinte problema: tenho um div que irá conter 'x' div internos com a propriedade float:left, porém a altura do primeiro dov não está acompanhando seu conteúdo.Abaixo estou mandando a parte do código que estou tendo problemas:CSS===.dataForm { margin:20px 10px; border:1px solid #666; padding:10px;}.pictures { float:left; padding:3px; margin:5px; border:1px solid #CCC; background-color:#EDEDED; text-align:center; width:156px; height:140px;}HTML===<div class="dataForm"> <h2>Fotos do projeto</h2> <div class="pictures"> <img src="media/Obras/img_1_1_mini.jpg" alt="" /><br /> </div> <div class="pictures"> <img src="media/Obras/img_1_1_mini.jpg" alt="" /><br /> </div> <div class="pictures"> <img src="media/Obras/img_1_1_mini.jpg" alt="" /><br /> </div> <div class="pictures"> <img src="media/Obras/img_1_1_mini.jpg" alt="" /><br /> </div> <div class="pictures"> <img src="media/Obras/img_1_1_mini.jpg" alt="" /><br /> </div> <div class="pictures"> <img src="media/Obras/img_1_1_mini.jpg" alt="" /><br /> </div></div>

[Giovani 104]

billjr07, pq você tá usando tanta div?

Por acaso isso ai vai ser um menu ou algo do genero?

[Maujor 144]

Acresente as seguintes regras CSS:

.dataForm:after {
display: block;
content: ".";
height: 0;
font-size:0; 
visibility: hidden;
clear: both;
}
* html .dataForm {height:1%;}

 

PS: Uma DIV para cada imagem? Estude CSS e XHTML.

Retire todas as DIV da classe "pictures" e as quebras de linha <br /> do código.

Nas CSS substitua o seletor .pictures por img

[billjr07 0]

Obrigado pela ajuda.Estou desenvolvendo um sistema de publicação de fotos e esta estrutura montei para a administração das mesmas, abaixo de cada imagem serão adicionados mais 3 imagens (ícones). E dessa maneira também da um aspecto de "liquidez" no site, pois o número de colunas dependerá da resolução do cliente.Provavelmente esta pode não ser a melhor estrutura, se alguem tiver idéias podem postar.