Tenho uma div que irá conter duas colunas.
Conforme imagem abaixo:
Existe alguma técnica em CSS para fazer isso? Não CSS3, pois quero que funcione em todos os navegadores.
Claro, eu poderia criar duas divs ali e colocar float:left
mas irá se tratar de um conteúdo só, quando o usuário está digitando na coluna esquerda e termina, ele vai para a direita.
Meu HTML está assim:
<div class="grid_480 f-left margin-top-60 margin-bottom-60"></div>
O CSS:
.grid_480{width:480}
.margin-top-60{margin-top:60px}
.margin-bottom-60{margin-bottom:60px}
.f-left{float:left}
overflow: hidden
, altura o dobro do espaço visível e posicione-as de modo que uma exiba a parte superior, e a outra a parte inferior. Se quiser eu tento montar um exemplo (mas se seu requisito é só CSS, então não adianta).