Fazer div ocupar 100 % da tela

[WillWeb 0]

Galera estou com a seguinte situação

 

<style rel="stylesheet" type="text/css">
.tudo {  width: 100%;}
.menu { float: left; width: 25px; background-color: #000; }
.conteudo { float: left;background-color: #ccc;}
</style>

<!-- HTML -->
<div class="tudo">
<div class="menu">Menu</div>
<div class="conteudo">Conteúdo</div>
</div>

 

Gostaria que a div "CONTEUDO" ocupasse sempre o restante da tela, ou seja fosse a barra de rolagem sempre 100%.

[William Bruno 1501]

Leia:

 

http://maujor.com/tutorial/rodape-embaixo-da-janela.php

 

é a solução para o teu problema.

[WillWeb 0]

Ok, mas mesmo com o exemplo não consegui,

pois no meu caso a div "menu" terá sempre o comprimento de 25px, já na div "conteudo" deverá preencher o restante do comprimento da tela.

No exemplo ele preenche 100% da altura, mas o comprimento como eu faço ?

[William Bruno 1501]

uma opção é essa:

 

http://www.wbruno.com.br/blog/?p=6

 

div com largura 100%, tendo uma sidebar com largura fixa.

[WillWeb 0]

mas nesse caso, somente a div que ficar na direita poderá ter o tamanho fixo.

 

No meu caso a div da esquerda que terá o tamanho fixo.

[William Bruno 1501]

tanto faz.. olhe, entenda e aplique ao teu caso.

 

não vou te entregar o código, mas a dica para chegar lá.

tente fazer.

[WillWeb 0]

Do modo que você mi mandou a coluna `Coluna menus.`, terá que ficar sempre no lado direito da tela, eu não consigo deixá-lo no lado esquerdo e fazer com que a coluna `conteudo.` ocupe o resto da tela.

[William Bruno 1501]

troca o float: right, por left, e o respectivo padding right por padding left.

 

só isso cara.