-
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
Następne wpisy z tego wątku
- 08.04.10 19:16 docxxx
- 08.04.10 20:10 beherit / pn
- 08.04.10 22:21 Paweł Piskorz
- 09.04.10 10:54 docxxx
- 09.04.10 12:05 Paweł Piskorz
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-05-09 Kto miał rację ?
- 2025-05-09 Jakie natynkowe podwójne gniazdo z bolcem (2P+PE)
- 2025-05-08 Z jakiego paragrafu podlega ochronie (resortowa) flaga UE w RP3? Bo to nie flaga Obcego PAŃSTWA [KK-137.2]
- 2025-05-08 Usługi, rozliczanie płatności z karty i blika
- 2025-05-08 Lublin => Delphi Programmer <=
- 2025-05-08 Lublin => Programista Delphi <=
- 2025-05-08 Łódź => Mainframe (z/OS, Assembler) Developer <=
- 2025-05-08 Warszawa => Senior Node.js Developer (doświadczenie z framework Nest.
- 2025-05-07 Wielki smog w Watykanie
- 2025-05-07 Polscy czołgiści najlepsi w międzynarodowych zawodach na Łotwie!!!
- 2025-05-07 Znaki wewnętrzne
- 2025-05-07 Czujnik nacisku
- 2025-05-07 Wielki smog w Watykanie Nadal palą węglem w piecach
- 2025-05-07 Kraków => Business Development Manager - Network and Network Security
- 2025-05-07 Białystok => Team Lead Data Engineer (obszar Snowflake) <=