Largura automática de DIVs

[andrepi 0]

Bom dia,
Estamos criando um agregador de conteúdo, onde os usuários possam postar sem aprovação. O endereço éhttp://www.leiaisso.com.br/.
Somos iniciantes, apenas eu e um amigo, e todo o site está sendo feito na mão, sem componente ou framework.

Para esse site, estou tentando criar uma DIV que contenha outras duas, e que essas duas sejam dinâmicas. A da esquerda terá uma foto, e se a foto for grande em largura, aumenta de tamanho, ao mesmo tempo que a DIV da direita deverá diminuir.

A solução seria para melhorar o layout nos seguintes casos:
http://www.leiaisso.com.br/post.php?id=217
http://www.leiaisso.com.br/post.php?id=202
Gostaria de dividir o conteúdo em 2 partes, e também o fundo, para que a divisória do fundo acompanhasse o conteúdo.

Isto é possível?

[stromdh 15]

meu, teu site tá com problemas, ta com erro de carregamento de dois arquivos js, o adsbygoogle e o show.jsp.

 

acho que o problema é que tu deixou a div conteudo com largura fixa e distribuiu as coisas dentro dela o que não deu espaço pra todo muno, principalmente se a foto for muito larga. Eu teria uma outra sugestão de estrutura pra fazer focando em larguras com porcentagem e não larguras fixa.

 

Embora os frameworks estejam abolidos do teu projeto, abrir mão deles pode dar mais trabalho do que imagina, o bootstrap é uma boa, teus usuários poderão acessar teu site de tablets e celulares sem perda de conteúdo, pensa nisso.

 

A solução que eu proponho seria a seguinte:

 

Se tu quer deixar a div conteudo com 980px de largura. o .postDetalhes poderia seguir como está, dae o div foto faria o seguinte:

 

div#divFoto {

1. width: 45%;
2. float: left;

}

#fotoPostInterno - tira fora a regra e o id disso

img{

with: 100%;

height: auto;

}

#postDescricao {

width: 45%;

float: right;

}

e adicionaria uma div vazia com uma classe .clear a qual:

.clear{

clear:both;

}

e abaixo disso os links de curtir. Tenta ae meu, vê no que dá.

[xanburzum 169]

vc pode usar o CSS3 flex box ou também definir as colunas para exibir: table-cell; nas colunas e display: table-row; no recipiente.

[andrepi 0]

Sim, os problemas são por causa dos anúncios, essa parte eu nem me meto ;)

 

Vou tentar outra hora, por enquanto tem outras mudanças mais importantes. Obrigado pelas dicas!!!