eGospodarka.pl
eGospodarka.pl poleca

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

    Giecze wrote:

    > 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;}

    ..w starym IE to pewnie nie zadziała, sugeruję olać użytkowników IE i
    dać protezę: dla #rightColumn na stałe 400px (tylko dla IE, hackiem).

    PS.
    Byłoby spoko gdybyś zamiast zaśmiecać grupę (tę i p.c.grafika) dość
    podstawowe pytania _najpierw_ się pouczył i poszukał w sieci - o tym
    wszystkim już napisano.

    Grzegorz

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: