eGospodarka.pl
eGospodarka.pl poleca

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

    Marek wrote:

    > > Zbyt wielu tzn... jaki procent?
    >
    > W grudniu wyszło 28%. Z czego 1% to IE8.
    >
    > > Każdy z tych niby-problemów można doprowadzić do kilku kroków w action
    > > który załatwi to w sekundę. Zapewniam.
    >
    > Tak, tylko trzeba składowe poznać tych akcji. Dzięki za pomoc na grupie
    > graficznej. Sam na to nie wpadłbym czytając po 10x dołączoną instrukcję choć
    > teoretycznie byłoby to możliwe do zrobienia.
    >
    > > Zauważam tyle:
    > >
    > > #container {
    > > width: 500px;
    > > }
    > >
    > > #leftColumn {
    > > width: 100px;
    > > float: left;
    > > }
    > >
    > > #rightColumn {
    > > height: 100%;
    > > }
    > >
    > > #leftColumn + #rightColumn {
    > > width: 400px;
    > > float: right;
    > > }
    >
    > No i właśnie tu jest problem - to nie zadziała na IE<8. Efekt jest taki:
    > tekst w lany w prawą kolumnę powoduje, że staje się ona wyższa od lewej. Od
    > momentu gdy tekst przekracza granicę dolnej krawędzi lewej ramki zaczyna
    > renderować się od krawędzi containtera. Styl:
    >
    > > #rightColumn {
    > > height: 100%;
    > > }

    A sprawdzałeś? Ten dopisek 100% jest tylko dla IE6 (niższych nie
    sprawdzałem). w IE 7 działa OK bez tego (jak w FF czy O, tak powinno).

    W dobrych przeglądarkach prawa następująca po lewej dostaje 400px i
    float i opływa, w złym IE6 prawa dostaje hacka. U mnie to działa (IE6,
    7, FF3, O9.6).

    > nie wniesie skutku dlatego bo ten container nie posiada narzuconej wysokości
    > i zgodnie z dokumentacją:
    > http://www.w3.org/TR/CSS21/visudet.html#propdef-heig
    ht
    > The percentage is calculated with respect to the height of the generated
    > box's containing block. If the height of the containing block is not
    > specified explicitly (i.e., it depends on content height), and this element
    > is not absolutely positioned, the value computes to 'auto'

    bo to jest tylko na IE6, gdzie błędem naprawia się inny błąd.

    GC

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: