-
Data: 2010-04-08 16:45:10
Temat: Re: [CSS] trojkolumnowy layout - fluid - fixed - fluid
Od: beherit / pn <b...@s...firenet.eu.org> szukaj wiadomości tego autora
[ pokaż wszystkie 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
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- 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
Najnowsze wątki
- 2025-10-26 automat czy manual
- 2025-10-25 W UK (groźnego) seksualnego przestępce (z Etiopii) aż na JEDEN ROK (rasiści) skazali
- 2025-10-25 Warszawa => Senior Cloud Engineer - AWS <=
- 2025-10-24 Prawdziwy obraz społeczeństwa Gazy.
- 2025-10-24 Atra_ment Canona GI-41 vs 45 itp...
- 2025-10-24 Warszawa => International Freight Forwarder <=
- 2025-10-24 Co może być gorsze od pożaru elektryka?
- 2025-10-24 Co może być gorsze od pożaru elektryka?
- 2025-10-24 Warszawa => Senior Microsoft Dynamics 365 Business Central Consultant
- 2025-10-24 Bieruń => Spedytor Międzynarodowy (handel ładunkami/prowadzenie flo
- 2025-10-23 brylant
- 2025-10-23 Warszawa => BI Developer / Analityk BI <=
- 2025-10-23 Warszawa => Młodszy Specjalista ds. wsparcia sprzedaży <=
- 2025-10-23 Trójmiasto => Head of Social Media <=
- 2025-10-23 Warszawa => Programista C <=




Deweloperzy hamują sprzedaż mieszkań, ale nie podnoszą cen