eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.www[CSS] trojkolumnowy layout - fluid - fixed - fluidRe: [CSS] trojkolumnowy layout - fluid - fixed - fluid
  • Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
    From: beherit / pn <b...@s...firenet.eu.org>
    Newsgroups: pl.comp.www
    Subject: Re: [CSS] trojkolumnowy layout - fluid - fixed - fluid
    Date: Thu, 08 Apr 2010 18:45:10 +0200
    Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
    Lines: 77
    Message-ID: <hpl172$kl8$1@inews.gazeta.pl>
    References: <a...@u...googlegroups.com>
    NNTP-Posting-Host: ip-89-174-119-187.multimo.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset=UTF-8; format=flowed
    Content-Transfer-Encoding: 8bit
    X-Trace: inews.gazeta.pl 1270745122 21160 89.174.119.187 (8 Apr 2010 16:45:22 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Thu, 8 Apr 2010 16:45:22 +0000 (UTC)
    X-User: beherit00
    X-Antivirus: avast! (VPS 100408-0, 2010-04-08), Outbound message
    In-Reply-To: <a...@u...googlegroups.com>
    X-Antivirus-Status: Clean
    User-Agent: Thunderbird 2.0.0.24 (Windows/20100228)
    X-Stationery: 0.5.1
    Xref: news-archive.icm.edu.pl pl.comp.www:395510
    [ ukryj nagłówki ]

    docxxx wrote:
    > Witajcie
    > Czy mozecie mnie oswiecic i powiedzic, jak w css zrobic trojkolumnowy
    > layout, gdzie srodek ma stala szerokosc, a boczne kolumny sa
    > rozciagane do maksymalnej dostepnej powierzchni?

    Można też poszukać w koledze google :).
    http://www.dynamicdrive.com/style/layouts/item/css-l
    iquid-layout-36-fluid-fixed-fluid/


    PS. W #contentwrapper tam gdzie masz margin-left IE6 może świrować więc
    dla IE6 zastosuj margin-left dwa razy mniejszy. Możesz np. przez
    * html #contentwrapper{ } - tak najprościej, ale wcześniej sprawdź czy
    to konieczne... nie zapoznałem się z całym kodem więc może tutaj to nie
    wystąpi.


    Ale oki podamy łopatką:
    <style type="text/css">
    body{
    margin:0;
    padding:0;
    }


    #contentwrapper{
    float: left;
    width: 100%;
    margin-left: -20%; /*Set left margin to -(RightColumnWidth)*/
    }

    #contentcolumn{
    margin: 0 190px 0 20% /*Set margin to 0 (LeftColumnWidth) 0
    (RightColumnWidth)*/
    }

    #leftcolumn{
    float: left;
    width: 190px; /*Width of left column in pixels*/
    margin-left: -190px; /*Set left margin to -(LeftColumnWidth)*/
    background: #C8FC98;
    }

    #rightcolumn{
    float: left;
    width: 20%; /*Width of right column in percentage*/
    background: #FDE95E;
    }
    </style>


    <div id="maincontainer">


    <div id="contentwrapper">
    <div id="contentcolumn">

    </div>
    </div>

    <div id="leftcolumn">

    </div>

    <div id="rightcolumn">
    </div>


    </div>



    Pozdrawiam,
    Paweł
    http://www.odpoczac.pl http://www.24nocleg.pl http://www.urlopwczasy.pl
    http://www.turea.pl http://www.teleit.pl http://www.zgarniam.pl
    http://www.goldenline.pl/pawel-nowacki4

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: