Layout Líquido

[alfan 0]

Boa tarde,

Estou tentando fazer um layout com largura de 100%, que ocupe a largura inteira da tela.

Bem, tenho a div #left (25%) e a div #right(75%). Porem preciso colocar um border-right de 1pc da div #left. Acontece que se ponho a borda a div #right quebra (desce p/baixo). Então coloca a div #left com porcentagem de 24.9 e dá certo. O problema começa se eu diminuo a largura da janela, então acaba quebrando novamente. Alguém pode ajudar? Desde já, grato!

 

#site{
min-width: 200px;
}

#left{
background: #2B2C31;
border-right: 1px solid #000; <<<< Problema! <br />	float: left;
width: 25%;
}

#right{
background: #1E2225;
width:75%;
float: right;
border: none;
display: block;
}

[Maujor 144]

Acrescente a seguinte declaração CSS:

#left {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
...
}