Problema com div > 100%

[-=Érico=- 5]

Olá a todos, estou com um pequeno problema, gostaria de uma ajuda.

 

Eu estou com uma página, que tem uma grande quantidade de colunas, o que acaba excedendo o tamanho da tela, e aparecendo a barra horizontal, até ai, sem problema.

O problema é as divs não se ajustam conforme os dados dentro da mesma, elas ficam fixas.

 

Segue o screenshot.

 

Segue o corpo da página e o css, caso haja algum erro no css por favor, me corrijam, eu ainda estou engatinhando no css.

 

XHTML:

<div id="pag">	<div id="cabecalho">		<div id="logotipo"><a href="./"><img src="./template/images/logotipo.gif" alt="" /></a></div>		<div id="dir"><img src="./images/quads.gif" alt="" /></div>	</div>	<div class="vazio"></div>	<div id="tela">Aqui onde as informações aparecem, e as informações excedem a tela.	</div>	<div id="rodape1">Painel de Controle</div>	<div id="rodape2">Desenvolvido</div></div>

CSS:

* { margin: 0; padding: 0; }body { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; background-color: #DDD; font-size: 11px; margin: 0; padding: 4px;}#pag { border: 1px solid #000000;}#cabecalho { background-color: #CF161E; border-bottom: 1px solid #000000; height: 85px; width: 100%;}#logotipo { padding-left: 2px; background-color: #CF161E; float: left;#dir { background-color: #CF161E; float: right; white-space: nowrap;}#tela { background-color: #FFFFFF; border-top: 1px solid #000000; padding: 10px 5px 10px 5px; min-height: 463px; height:auto !important;}#rodape1 { float: left; text-align: left; padding: 3px; background-color: #CF161E; color: #FFFFFF; font-size: 10px; border-top: 1px solid #000000;}#rodape2 { text-align: right; color: #FFFFFF; font-size: 10px; padding: 3px; background-color: #CF161E; border-top: 1px solid #000000;}

[Guilherme Rambo 4]

Não entendi muito bem cara, teria como explicar melhor? Tem algum link pra vermos isso "ao vivo"?[]'s

[-=Érico=- 5]

=/Não tem link não cara, o sistema fica em rede interna, o que você não entendeu?Achei que tinha explicado bem, ainda mais com o html e o css postados e o screenshot.

[Fabio Morikawa 0]

eu tb não consegui identificar o desajustecircule o erro na imagem

[-=Érico=- 5]

Hum, desculpem se o screenshot ficou mal feita, estou postando um screenshot com a tela inteira, dá pra ver melhor agora. Circulei em vermelho dando destaque pra como o erro acontece. Como podem ver, a div "pag" e a div "tela", não acompanham a largura da tabela, que é maior que a tela.

 

As divs não ficam maiores do que o tamanho da tela.

 

 

A imagem ficou pequena, se não der pra entender, entrem no link aqui que dá pra ver a imagem em tamanho original.

 

Imagem Tamanho Original