Div com o tamanho do conteúdo ?

[chamuska 5]

Pessoal, estou desenvolvendo um sistema, e observei com a ajuda do firebug que as divs não ficam com o tamanho de acordo com o conteudo, o que acaba desconfigurando o layout da página que estou programando.

 

Quero saber o que devo usar no css para que a div fique com o tamanho do conteúdo e evitar que o conteúdo da div fique pra fora quando o usuário abre página em uma tela menor (tablet, celular e tals), ou na hora de redimensionar o navegador ?

 

Obrigado!

[Mateus Vinicius 1]

Já tentou usar o height: auto;? Talvez você esteja definindo uma altura padrão com CSS, e por isso acontece.

[Allan Almeida 0]

chamuska,

as div's por padrão têm uma ocupação de 100% do comprimento disponível. Ou seja, ela sempre vai ocupar todo o width definido para o seu container. Se o container for o body, por exemplo, a div ocupará toda a página no sentido horizontal. O ideal no seu caso seria usar um span no lugar de div's . Spans são containers menores e se ajustam de acordo com o tamanho do conteúdo. Faça o teste. Espero ter ajudado.

[brunosk2 0]

Sem um link ou o código fica dificil.

[chamuska 5]

O principal problema mesmo é o height, o width eu geralmente ponho em %.

Tentei height:auto e não deu certo.

 

Vou por esse codigo que é de uma div que estou fazendo agora, da pra ver pelo background dela que a altura da div não acompanha o conteudo:

 

<div class="listaDiscipulado">
	<img align="left" alt="" src="/img/usuarios/boy.gif">
        <img align="left" alt="" src="/img/usuarios/boy.gif">
        teste...
</div>

.listaDiscipulado {
	background-color: #717171;
	width: 100%;
	height: auto;
}

 

 

Só apareceu o backgorud pq eu coloquei q palavra 'teste', pq só com as imagens a div nem aparecia.

 

Como posso arrumar isso ?!

 

Valeu!

[Giovani Jr. 0]

Amigo o problema não esta na div.listaDiscipulado e sim na sua div.Pai, defina height: auto !important; na divPai que o problema será resolvido .

 

Ahh.. na próxima poste o código, fica mais fácil de tentar te ajudar.

espero ter ajudado.

#FICADICA

[Giovani 104]

Ahh.. na próxima poste o código, fica mais fácil de tentar te ajudar.

 

 

#FICADICA

 

Postar o link fica mais facil!