-
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
- 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>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-04-05 Kraków => MS Dynamics 365BC/NAV Developer <=
- 2025-04-05 Warszawa => Strategic Account Manager <=
- 2025-04-05 co w Anglii dziś w Polsce za 30 lat
- 2025-04-05 Wrocław => SOC Tech Lead <=
- 2025-04-05 Gdynia => Przedstawiciel handlowy / KAM (branża TSL) <=
- 2025-04-05 Wyrok dożywocia dla Polki
- 2025-04-04 Prezydium Sejmu Tuskiego orzekło: Poseł KO mecenas Roman Giertych NIE jest mordercą (w żadnym sensie tego słowa?)
- 2025-04-04 Reset komóry
- 2025-04-04 Lublin => JavaScript / Node / Fullstack Developer <=
- 2025-04-04 Zielonka => Key Account Manager IT <=
- 2025-04-04 Warszawa => Ekspert IT (obszar systemów sieciowych) <=
- 2025-04-04 Warszawa => Mid/Senior IT Recruiter <=
- 2025-04-04 Białystok => NMS System Administrator <=
- 2025-04-04 Warszawa => Spedytor Międzynarodowy <=
- 2025-04-04 Warszawa => Generative AI Engineer <=