eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - jak zrobić 2 kolumnyRe: CSS - jak zrobić 2 kolumny
  • Data: 2009-12-11 14:44:22
    Temat: Re: CSS - jak zrobić 2 kolumny
    Od: Giecze <czechowski@post.#skasujto#.pl> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Marek wrote:

    > 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 ?

    #leftColumn + #rightColumn {width: 400px; float: right;}

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: