Como estipular porcentagens para o tamanho de cada div

Num topico anterior, perguntei como fazer algo como um frame no jsf…
vi alguns topicos por aqui e o pessoal recomenda sempre o


minha duvida é : como estipular porcentagens para o tamanho de cada div?

Tipo assim: como fazer pra determinar que um dos divs ocupa 50% da tela, e o outro div os outros 50 %??
é possivel na separação da tela colocar bordas??
Alguem pode me dar um help?

DIV { width : 100px; height: 100px;
      border: thin solid red;
      }

BLOCKQUOTE   { width : 125px; height : 100px;
      margin-top: 50px; margin-left: 50px; 
      border: thin dashed black
      }

DIV.attributed-to { text-align : right; }

Fonte: http://www.w3.org/TR/CSS2/visufx.html