Ajustar tamanho de div conforme conteúdo interno

[MotaX 0]

Boa tarde a todos do fórum,

 

Sou novo aqui...procurei alguns tópicos mas parece que meu problema é bem particular e não encontrei nada que possa me ajudar.

 

Primeiramente, o site ainda não está publicado...portanto não poderei disponibilizar o link.

 

Vamos ao problema:

- Estou gerando um código html dinâmico por C#, nessa sequência:

<a>

<div>

<grid></grid>

</div>

</a>

<a>

...

 

E utilizando Accordion ( javascript ) para exibir os menus...

 

O problema está na renderização do tamanho da div, deixei a propriedade dela como height: auto; como é auto, imaginei que ela se ajustaria ao tamanho do conteúdo do grid...que é o que ela faz, porém ela considera o maior tamanho de todos os grids.

 

 

Segue duas imagens do comportamento do menu:

 

Essa seria a forma ideal (tamanho da div se ajustando com o conteúdo do grid)

 

Essa é uma div com o conteúdo de um grid menor (gerando espaços em branco, pois a div assume o tamanho do maior grid renderizado)

 

 

Não teria como a div herdar o height do grid?

 

Se eu deixar a div e o grid como height: auto; não funciona.

Já tentei overflow: hidden na div também e nada.

 

 

Qualquer "ajuda" é muito bem vinda, obrigado!

[Evandro Oliveira 331]

Fica meio complicado porque, devido ao elemento GRID não fazer parte das especificações HTML, a renderização deve se dar de forma equivalente.

 

Poste o código fonte gerado pelo C# para a análise, ou procure ajuda no fórum específico da linguagem.