Witam,

Mam problem z utworzeniem prostego layoutu 2-kolumnowego w postaci:

<div id="container">
<div id="leftColumn">treść</div>
<div id="rightColumn">treść</div>
</div>

#container posiada 500px szerokości. Lewa kolumna może nie wystąpić w kodzie
lecz gdy wystąpi to jej szerokość wynosi 100px. Prawa kolumna zajmuje całą
resztę przestrzeni. Nadałem styl float:left i width:100px lewej kolumnie.

Problem w tym, że jeśli prawa kolumna posiada styl float:left, to spada pod
lewą gdy tekst zawarty w niej jest bez łamania. Natomiast gdy usunę
float:left z prawej kolumny, to tekst umieszczony w prawej kolumnie układa
się dobrze ale tylko do momentu gdzie kończy się lewa kolumna. Poniżej jej
tekst zaczyna się od lewej krawędzi ekranu. Czy da się problem rozwiązać bez
budowania layoutu na tabelach ?